Использование Lighthouse для улучшения производительности загрузки страницы
https://developers.google.com/web/updates/2018/05/lighthouse
https://developers.google.com/web/updates/2018/05/lighthouse
Более глубокий взгляд на общие названия шрифтов в CSS
https://www.impressivewebs.com/deeper-look-generic-font-names-css/
https://www.impressivewebs.com/deeper-look-generic-font-names-css/
Условный роутинг с помощью React Router v4
https://scotch.io/tutorials/conditional-routing-with-react-router-v4
https://scotch.io/tutorials/conditional-routing-with-react-router-v4
Что за объект CSSStyleDeclaration и откуда он берется
https://medium.com/@lucyhackwrench/%D1%87%D1%82%D0%BE-%D0%B7%D0%B0-%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82-cssstyledeclaration-%D0%B8-%D0%BE%D1%82%D0%BA%D1%83%D0%B4%D0%B0-%D0%BE%D0%BD-%D0%B1%D0%B5%D1%80%D0%B5%D1%82%D1%81%D1%8F-9fbee0c634ca
https://medium.com/@lucyhackwrench/%D1%87%D1%82%D0%BE-%D0%B7%D0%B0-%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82-cssstyledeclaration-%D0%B8-%D0%BE%D1%82%D0%BA%D1%83%D0%B4%D0%B0-%D0%BE%D0%BD-%D0%B1%D0%B5%D1%80%D0%B5%D1%82%D1%81%D1%8F-9fbee0c634ca
Medium
Что за объект CSSStyleDeclaration и откуда он берется
Даже если вы совсем не новичок во фронтенде, вы могли ничего не слышать об этом объекте. А между тем вы постоянно с ним взаимодействуете.
Дебаты на тему раскладки CSS Grid против CSS фреймворков
https://www.sitepoint.com/css-grid-layout-vs-css-frameworks-debate/
https://www.sitepoint.com/css-grid-layout-vs-css-frameworks-debate/
Sitepoint
The CSS Grid Layout vs CSS Frameworks Debate — SitePoint
Maria Antonietta Perna takes Bootstrap as representative of CSS frameworks, asking if there are still reasons to use frameworks now that we have CSS Grid.
Easy Toggle State — маленькая JS библиотека для простого переключения классов любого HTML элемента и его назначения
https://twikito.github.io/easy-toggle-state/
https://twikito.github.io/easy-toggle-state/
twikito.github.io
Easy Toggle State, a tiny JS library to easily toggle the state of any HTML element and create UI components in no time.
Dropdown, navigation button, tooltip, collapsible panel, lightbox, tabs, switches made in minutes without worried about JavaScript.
Поддержка CSS Typed OM появилась в Chrome. Как это облегчит жизнь разработчикам?
https://medium.com/@lucyhackwrench/31b086851465
https://medium.com/@lucyhackwrench/31b086851465
Medium
Поддержка CSS Typed OM появилась в Chrome. Как это облегчит жизнь разработчикам?
В предыдущем посте я писала о том, что пользовательские свойства CSS имеют одно значительное ограничение — они не типизированы, а как…
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 вполне очевидны. А вот некоторые, вроде генераторов, могут, на первый взгляд, показаться странными. Такое же впечатление способны вызвать и,...