Собираем бандл мечты с помощью Webpack. Видео и расшифровка доклада Максима Соснова с Frontend Conf 2018 в Москве — https://habr.com/p/433324/
Size: a a a
2019 February 26
2019 February 27
Используйте CSS-гриды правильно, советует Виолет Пенья: именованные линии вместо номеров, fr для задания резины и никакой жёсткой зависимости от модульных сеток — https://vgpena.github.io/using-css-grid-the-right-way/
2019 March 01
Как Google индексирует сайты на JavaScript? Мартин Сплитт открывает серию видео по JS и SEO: первое видео https://youtu.be/LXF8bM4g-J4 и весь плейлист https://www.youtube.com/playlist?list=PLKoqnv2vTMUPOalM1zuWDP9OQl851WMM9
Рабочая группа CSS (CSSWG) договорилась о добавлении новых математических функций в CSS, помимо calc, min и max: clamp, sin, cos, tan, acos, asin, atan, atan2, hypot, sqrt, pow, — сообщает Бенджамин Де Кок https://twitter.com/bdc/status/1100921258839953408
CSS-селекторы: обзор базовых типов и механики их работы в статье https://medium.com/p/9593bc204e3f, страница со шпаргалкой и игрой https://frontend30.com/css-selectors-cheatsheet/ и шпаргалка в PDF https://www.dropbox.com/s/h2hni9o1m1di989/CSS%20selectors%20cheatsheet.pdf
2019 March 04
Выпуск №163: Математика в CSS, быстродействие и оверхэд, новый видеокодек AV1, JavaScript и SEO, роботы нас не заменят и Олег Мохов в гостях. Ссылки на Медиуме https://medium.com/p/7a40b443b617 или на Ютубе https://youtu.be/zuhe4HOCBwU
Cache-Control для гражданских. Гарри Робертс про работу с сетевым заголовком для эффективного управления кэшем в разных ситуациях и для разного содержимого — https://csswizardry.com/2019/03/cache-control-for-civilians/
2019 March 05
Новый кодек AV1: ускоряем загрузку видео в браузере. Андрей Ситник рассказывает, как сегодня нужно использовать видео и как заменить GIF на видео — https://habr.com/p/442020/
Как сэкономить ресурсы в браузере и не сломать веб. Константин Крамлих рассказывает про разработку и оптимизацию Яндекс.Браузера: видео https://youtu.be/6OLVN_gprow и расшифровка на Хабре https://habr.com/ru/company/yandex/blog/442456/
2019 March 06
Thanos JS уменьшает размер проекта на 50%, удаляя половину случайных файлов — https://thanosjs.org/
Открытый диалог: Скотт Охара рассматривает элемент <dialog> и полифилы к нему точки зрения доступности и приходит к неутешительным выводам — https://www.scottohara.me/blog/2019/03/05/open-dialog.html
Первая альфа Preact X: Fragments, componentDidCatch, createContext, лучшая совместимость со сторонними библиотеками и конечно хуки. Подробнее в списке изменений — https://github.com/developit/preact/releases/tag/10.0.0-alpha.0
Как поддерживать старые браузеры без ущерба остальным. Серджио Гомес рассказывает, как собирать отдельные версии скриптов с помощью Webpack и Browserslist — https://sgom.es/posts/2019-03-06-supporting-old-browsers-without-hurting-everyone/
Упражнение в прогрессивном улучшении. Чэнь Хуэй Дзинь собирает список задач на Koa.js, Nunjucks, lowdb и lodash-id. В основе — обычная форма, которая работает и без приложения, всё демо на Glitch — https://www.chenhuijing.com/blog/an-exercise-in-progressive-enhancement/
Тренинг Google по PWA. 27 глав с видео, статьями и практическими заданиями по всем аспектам прогрессивных веб-приложений: от аудитории и дизайна до сервис-воркеров и AMP — https://developers.google.com/web/ilt/pwa/
2019 March 07
Паттерны итераторов в JavaScript. Лучиано Маммино рассматривает разные способы создания последовательности чисел Фибоначчи — https://loige.co/javascript-iterator-patterns/
Заменяют ли кастомные CSS-свойства циклы Sass? Робин Рендел рассматривает микс двух классов со структурой и значениями как альтернативу генерации стилей проходом циклом по объекту — https://css-tricks.com/do-css-custom-properties-beat-sass-loops/
2019 March 11
Выпуск №164: Авторы JS-интенсивов HTML Academy, встроенный скроллер в Chrome, развитие SVG и & в CSS, Preact и технологии интенсивов, JS для старых браузеров и итераторы, модули и импорт без Webpack. Ссылки на Медиуме https://medium.com/p/86a71d2442ba или на Ютубе https://youtu.be/4jWM21P_YQc