Size: a a a

Веб-стандарты

2020 February 27
Веб-стандарты
Проверки производительности в браузере при помощи Feature Policies. Тим Кадлек рассказывает, как при помощи заголовка Feature-Policy сервер может запрещать браузеру работать с неоптимизированными ресурсами — https://timkadlec.com/remembers/2020-02-20-in-browser-performance-linting-with-feature-policies/
источник
Веб-стандарты
Противоречивый пользовательский опыт с нативной ленивой загрузкой картинок. Даниэль Александерсен рассказывает о различиях в браузерных реализациях атрибута loading="lazy" — https://www.ctrl.blog/entry/lazy-loading-viewports.html
источник
2020 February 28
Веб-стандарты
Фантазийный CSS. Тайлер Стика размечтался о прекрасных возможностях CSS, которых у нас пока нет: выражения от контейнера, удобный SVG, выравнивание по символам, стилизация форм, кликабельные области, новые псевдоэлементы, гладкие градиенты и другое — https://cloudfour.com/thinks/some-imaginary-css/
источник
Веб-стандарты
Давайте использовать счётчики в CSS. Ахмад Шадид на примерах показывает, как работают CSS-счётчики и для чего их можно применять — https://ishadeed.com/article/css-counters/
источник
Веб-стандарты
Смотрим на все 13 Proxy-ловушек в JavaScript. Джек Мистели подробно рассказывает, какие события работы с объектами можно перехватывать внутри Proxy — https://alligator.io/js/proxy-traps/
источник
2020 February 29
Веб-стандарты
Прямая трансляция конференции Я ❤︎ Фронтенд 2020 с докладами про глазные интерфейсы, семантику, ApolloClient, роутеры, картинки, BFCache, пет-проджекты и менторство. Начало в 11:00 (GMT+3) — https://youtu.be/eLlULhNNthI, программа — https://ilovefrontend.ru
источник
2020 March 02
Веб-стандарты
Пишем плагин для Babel, пошаговое руководство. Тан Ли Хау показывает, как можно использовать Babel для преобразования кода, в переводе на Хабре — https://habr.com/p/490456/
источник
Веб-стандарты
Современный веб на Galaxy Fold. Диего Гонзалез рассказывает, как проверить, что ваш сайт готов к отображению на смартфонах со складываемым экраном — https://medium.com/p/ad12d7f57c26
источник
Веб-стандарты
Что такое ARIA? Бен Майерс на примерах объясняет, из чего состоит ARIA, его назначение, зачем его нужно и зачем не нужно применять — https://blog.benmyers.dev/aria/
источник
Веб-стандарты
Роняйте ваши тесты. Кент Си Доддс объясняет, почему важно сначала добиться падения теста, и только потом его озеленить — https://kentcdodds.com/blog/make-your-test-fail
источник
2020 March 03
Веб-стандарты
Выпуск №219: Отладка перфоманса, --save-dev, CSS4 и другие мечты, что такое софт-скилы и зачем их качать. В гостях Андрей Смирнов. Слушайте на Ютубе https://youtu.be/fZEvoKhsCQI, читайте на Медиуме https://medium.com/p/3e5425604f40
источник
Веб-стандарты
00:01:46 События
00:07:25 Отладка перфоманса
00:12:04 Разный --save-dev
00:18:06 CSS4, продолжение
00:30:10 Мечты о CSS
00:37:51 Софт-скилы
00:46:59 Чему учить сотрудника
01:00:45 Что такое софт и хард
01:10:05 Мягкий фронтендер
источник
Веб-стандарты
Как правильно делать доклады на конференциях, обучать коллег в команде, на курсах и воркшопах — расскажут 12 марта в Москве Марк Шевченко и Нина Пакшина из «Московского клуба программистов», Игорь Музыкин из Skillbox. Подробности и регистрация — https://skillbox.timepad.ru/event/1273585/?utm_source=telegram&utm_medium=social&utm_campaign=all_all_telegram_social_post_event_all_code_skillbox_webstandards-ru
источник
Веб-стандарты
Может, нам слегка успокоиться с JavaScript? Эвелин Вудс показывает веб, который не работает до загрузки JS или ломает функции браузера, в переводе на Хабре — https://habr.com/p/490412/
источник
Веб-стандарты
Создание аркадной игры на ванильном JavaScript. Роберто Эрнандес предлагает интересный способ обучения новичков манипуляциям с DOM на практике, в переводе Дмитрия Гордиенко — http://odinokun.com/2020-03-02-sozdanie-arkadnoj-igry-na-vanilnom-javascript.html
источник
Веб-стандарты
Отрицательные внешние отступы в CSS. Питер-Пол Кох документирует поведение человеческим языком в черновике главы своей новой книги — https://www.quirksmode.org/blog/archives/2020/02/negative_margin.html
источник
2020 March 04
Веб-стандарты
Случай частичной гидрации на Next и Preact. Лукас Бомбах рассказывает о подходе, когда на клиенте гидрируется только самое необходимое — https://medium.com/p/20fab9c808d5
источник
Веб-стандарты
4 способа анимировать цвет текстовой ссылки по наведению. Кэтрин Като разбирает разные техники и их плюсы и минусы — https://css-tricks.com/4-ways-to-animate-the-color-of-a-text-link-on-hover/
источник
Веб-стандарты
Обход дерева при помощи JavaScript. Джошуа Холл реализует несколько алгоритмов поиска в бинарном дереве с объяснениями — https://alligator.io/js/tree-traversal/
источник
2020 March 05
Веб-стандарты
Vue.js: документальный фильм. История о том, как сторонний проект разработчика в Google смог составить конкуренцию Angular, React и другим популярным фреймворкам — https://youtu.be/OrxmtDw4pVI
источник