Size: a a a
2018 December 10
Разнообразие браузеров начинается с нас. Джеффри Зельдман в переводе на Хабре — https://habr.com/p/432440/
Как вставить двадцать видео с Ютуба и не скачать слона. Вадим Макеев прогрессивно улучшает картинку со ссылкой до плеера, чтобы не грузить лишний трафик, пока видео не нужно — https://youtu.be/4JS70KB9GS0
Просто используйте стили для :focus, чёрт возьми. Крик души Криса Фердинанди в переводе на Веб-стандартах — https://medium.com/p/799c577a8479
Библиотека компонентов на диете, или Быстродействие важно и Хьюстон, у нас проблемы. Джеймс Форд оптимизирует размер бандла, добавляя Rollup.js в помощь Webpack — https://medium.com/p/88aee7f457a
AstanaJS #2 пройдёт в Астане 22 декабря: PostCSS в современном мире, компоненты в большом приложении, WebAssembly и семантика. Регистрация https://astanajs.timepad.ru/event/870701/ и событие на Фейсбуке https://www.facebook.com/events/2116889328332193/
Взгляд на CSS-ресеты в 2018 году. Ире Адеринокун с коротким введением в причины сброса стилей и обзором вариантов — https://bitsofco.de/a-look-at-css-resets-in-2018/
2018 December 11
Вопросы для собеседования по фронтенду и около него от команды H5BP: от HTML, CSS и JS до быстродействия, доступности и тестирования — https://h5bp.github.io/Front-end-Developer-Interview-Questions/
2018 December 12
Новинки Firefox 64 в обзоре Марата Таналина: оформление прокрутки, поддержка -webkit-appearance и проверки pointer, any-pointer и any-hover в медиавыражениях, Fullscreen API без префикса и другое — http://tanalin.com/blog/2018/12/firefox-64/
Почему у элементов React есть свойство $$typeof? Дэн Абрамов про механизмы предотвращения JSON-инъекций для XSS и типовых уязвимостей в переводе на Хабре — https://habr.com/p/432350/
Что такое Shadow DOM? Ире Адеринокун изолирует стили внутри простого <span>, безо всяких кастомных элементов — https://bitsofco.de/what-is-the-shadow-dom/
Кто боится лайвкодинга? Опытный докладчик Ури Шакид рассказывает, чем ценен лайвкодинг в докладах, как минимизировать риски во время выступления и перестать бояться — https://medium.com/p/c54433225ce2
2018 December 13
Девять видео с WSD в Петербурге 18 августа: перфоманс, юнит-тесты, кеширование, Redux в Angular, магия CSS, микромодули, голосовые интерфейсы, WebAssembly и идеальный доклад — https://www.youtube.com/playlist?list=PLMBnwIwFEFHfbZbPWkfsY31wKbqnj548z
Восемь видео с WSD в Киеве 27 октября: запись действий без видео, векторная графика, энтропия в вёрстке, ленивое уменьшение CSS, семантика для циников, математика в вебе, разработка в условиях неопределённости и идеальный доклад — https://www.youtube.com/playlist?list=PLMBnwIwFEFHe5IRtm6aKN0VBUBnuog_wp
Учебный курс по React, часть 1 в переводе на Хабре: обзор курса, причины популярности React, ReactDOM и JSX — https://habr.com/p/432636/
Quicklink, небольшая библиотека, которая префетчит страницы (<link rel=prefetch>, XHR или fetch) по ссылкам в рамках вьюпорта в моменты простоя браузера, чтобы ускорить их загрузку — https://github.com/GoogleChromeLabs/quicklink
Оглавление по заголовкам. Руководство Бена Фрейна по созданию списка и генерации ID для заголовков с использованием новых возможностей ES6 — https://benfrain.com/beginner-js-tutorial-automatically-make-anchor-jump-links-with-javascript/
Соображения доступности при оформлении элементов форм. Скотт Охара показывает, как не сломать то, что уже хорошо работает: статья https://24ways.org/2018/inclusive-considerations-when-restyling-form-controls/ и демо https://codepen.io/scottohara/full/gZOrZm
Идёт ли холодная война между Android и Chrome из-за PWA? Максмилиано Фиртман о состоянии дел на самой продвинутой платформе для прогрессивных веб-приложений, которая замедлила развитие — https://medium.com/p/e50a7471056c
2018 December 14
Доступность с клавиатуры и потерянный фокус. Сарботтам Бандиопадхьяй сравнивает :focus { outline: none } с * { cursor: none } в очень убедительных демо — https://sarbbottam.github.io/blog/2016/09/29/keyboard-accessibility-and-lost-focus