10 трюков Firefox Dev Tools, которые могут поразить вас
https://codenative.ru/article/10_tryukov_firefox_dev_tools_kotorye_mogut_porazit_vas
https://codenative.ru/article/10_tryukov_firefox_dev_tools_kotorye_mogut_porazit_vas
CI для React приложений
При разработке приложений и развертывании их на серваке всегда хочется огребать как можно меньше трудностей при накате новой функциональности. Как и у многих, у меня есть несколько своих проектов, которые я время от времени дорабатываю и с CI пока не заморачивался.
Со временем тема СI становится все более актуальной. Нашел неплохой туториал, который включает связку CircleCI, CodeClimate и Heroku.
▫️CircleCI - платформа для тестирования
▫️CodeClimate - платформа статического анализа кода
▫️Heroku - облачный хостинг
Сам еще не пробовал, но, вроде, должно быть несложно. Кому интересно - прошу по ссылке: https://bit.ly/2GXY70t
Фидбек всегда приветствуется!
При разработке приложений и развертывании их на серваке всегда хочется огребать как можно меньше трудностей при накате новой функциональности. Как и у многих, у меня есть несколько своих проектов, которые я время от времени дорабатываю и с CI пока не заморачивался.
Со временем тема СI становится все более актуальной. Нашел неплохой туториал, который включает связку CircleCI, CodeClimate и Heroku.
▫️CircleCI - платформа для тестирования
▫️CodeClimate - платформа статического анализа кода
▫️Heroku - облачный хостинг
Сам еще не пробовал, но, вроде, должно быть несложно. Кому интересно - прошу по ссылке: https://bit.ly/2GXY70t
Фидбек всегда приветствуется!
Jem Space
CI и развертывание React приложений
Настройка среды разработки React может показаться запутанной и сложной для новичков. Вы, наверное, слышали, что разработчики говорят о необходимости различных пакетов, таких как babel, webpack и так далее (но это спорно). C ростом популярности React, есть…
Исследование: влияют ли ссылки nofollow на ранжирование в Google? Корреляция и анализ данных.
https://partnerkin.com/tribuna/blog_alexburaks/issledovanie_vliyayut_li_ssylki_nofollow_na_ranzhirovanie_v_google_korrelyaciya_i_analiz_dannyh
https://partnerkin.com/tribuna/blog_alexburaks/issledovanie_vliyayut_li_ssylki_nofollow_na_ranzhirovanie_v_google_korrelyaciya_i_analiz_dannyh
Partnerkin
Исследование: влияют ли ссылки nofollow на ранжирование в Google? Корреляция и анализ данных.
Достоточно очевидно, что ссылки сильно влияют на ранжирование Google. Но при этом представители Google всегда заявляли, что ссылки с атрибутом rel="nofollow" никак не влияют на ранжирование.
Во-первых,...
Во-первых,...
Новшества Node.js 10 в области разработки и безопасности
https://habr.com/company/ruvds/blog/359150/
https://habr.com/company/ruvds/blog/359150/
Хабр
Новшества Node.js 10 в области разработки и безопасности
Недавно был выпущен Node.js 10.0.0. Это — седьмой основной релиз платформы. Он, в октябре 2018, получит статус LTS на три года. Обычно основные релизы Node выпус...
Ученые представили новую технику, позволяющую размещать скрытую информацию в символах шрифта
https://tproger.ru/news/fontcode/
https://tproger.ru/news/fontcode/
Tproger
Ученые представили новую технику, позволяющую размещать скрытую информацию в символах шрифта
Новая техника FontCode вносит незначительные искажения в глифы шрифта, кодируя в них пользовательскую информацию. Невидимые человеческому глазу изменения можно распознать, используя специальные алгоритмы.
nanoJS — минимальная JS библиотека без зависимостей для манипуляций с DOM
https://vladocar.github.io/nanoJS/
https://vladocar.github.io/nanoJS/
vladocar.github.io
nanoJS - Minimal standalone JS library for DOM manipulation
Что React Context API может для ваc сделать? Multi-language text, Modals и переключатели тем
https://www.js-craft.io/blog/15-What-can-React-Context-API-do-for-you-Multi-language-Modals-Themes/
https://www.js-craft.io/blog/15-What-can-React-Context-API-do-for-you-Multi-language-Modals-Themes/
Символы, генераторы, async/await и асинхронные итераторы в JavaScript: их сущность, взаимосвязь и варианты использования
https://habr.com/company/ruvds/blog/359004/
https://habr.com/company/ruvds/blog/359004/
Habr
Символы, генераторы, async/await и асинхронные итераторы в JavaScript: их сущность, взаимосвязь и варианты использования
Сущность и предназначение множества возможностей JavaScript вполне очевидны. А вот некоторые, вроде генераторов, могут, на первый взгляд, показаться странными. Такое же впечатление способны вызвать и,...
Подкаст «Фронтенд Юность (18+)» #49 Другой взгляд на конференции
https://soundcloud.com/frontend_u/e49
https://soundcloud.com/frontend_u/e49
SoundCloud
Hear the world’s sounds
Explore the largest community of artists, bands, podcasters and creators of music & audio
Делаем легаси сайты более производительными с помощью современных техник фронтенд производительности
https://www.lullabot.com/articles/making-legacy-sites-more-performant-using-modern-frontend-techniques
https://www.lullabot.com/articles/making-legacy-sites-more-performant-using-modern-frontend-techniques
Lullabot
Making Legacy Sites More Performant with Modern Front-End Techniques
Learn how to use developer tools to identify and fix front-end performance bottlenecks on your legacy sites.
Темная тема за день. Использование набора современных возможностей CSS для создания ночного режима для приложения
https://medium.com/@mwichary/dark-theme-in-a-day-3518dde2955a
https://medium.com/@mwichary/dark-theme-in-a-day-3518dde2955a
Medium
Dark theme in a day
Using a bunch of modern CSS to create a night mode for an app
Техники редактирования текста, о которых должен знать каждый разработчик фронтенда
https://benfrain.com/text-editing-techniques-every-front-end-developer-should-know/
https://benfrain.com/text-editing-techniques-every-front-end-developer-should-know/
«ALL YOUR HTML» #50: «Простой generative art на 2d canvas»
https://www.youtube.com/watch?v=XWjdaCsj48M
https://www.youtube.com/watch?v=XWjdaCsj48M
YouTube
#50 ALL YOUR HTML, Простой generative art на 2d canvas
Демо: https://cssing.org.ua/examples/lerpy/
Автор оригинальной идеи на Processing: https://twitter.com/n_disorder
Статья про эту идею: https://necessarydisorder.wordpress.com/
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог:…
Автор оригинальной идеи на Processing: https://twitter.com/n_disorder
Статья про эту идею: https://necessarydisorder.wordpress.com/
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог:…
Почему VueX — это лучший интерфейс между фронтендом и API
https://zendev.com/2018/05/21/vuex-perfect-interface-frontend-backend.html
https://zendev.com/2018/05/21/vuex-perfect-interface-frontend-backend.html
ZenDev, LLC
Why VueX Is The Perfect Interface Between Frontend and API
The increase in complexity in front end web development has driven to increasing amounts of specialization and separation of front and back end. This specialization and increased complexity has a number of benefits - the quality of user experiences on the…
Состояния веба: лучшие стратегии по оптимизации изображений
https://dougsillars.com/2018/05/21/state-of-the-web-top-image-optimization-strategies/
https://dougsillars.com/2018/05/21/state-of-the-web-top-image-optimization-strategies/
SpeakOfTheDevrel.Cloud: Doug Sillars
State of the Web: Top Image Optimization Strategies
Images are a central part of the web. Beautiful imagery draws customers deeper into the story that your webpage is attempting to tell – whether it is news, entertainment, or e-commerce. And as imp…
Продвинутая визуализация с помощью react-vis
https://towardsdatascience.com/advanced-visualization-with-react-vis-efc5c6667b4
https://towardsdatascience.com/advanced-visualization-with-react-vis-efc5c6667b4