Производительность фронтенда. Константин Лебедев разбирает важные метрики загрузки и отрисовки страницы и даёт советы, как их улучшить, в блоге Mail.Ru на Хабре — https://habr.com/p/454920/
Size: a a a
2019 October 15
Последние доклады в программе Web Standards Days в Екатеринбурге уже в эту субботу 19 октября: скриншотные тесты и жизнь до Runtime. Бесплатная регистрация пока открыта! — https://wsd.events/2019/10/19/
2019 October 16
Выпуск №198: Sass оказывается жив, динамические компоненты без JS, новый взгляд на сброс стилей, очень странный CSS. Ссылки на Медиуме https://medium.com/p/d63ad177ef7b или на Ютубе https://youtu.be/vi0y_JwdYAQ
«Алиса, пойдём во фронтенд!» Расшифровка доклада Никиты Дубко про написание простого навыка для голосового ассистента привычными инструментами фронтенд-разработчика — https://habr.com/p/468545/
Оптимизация изображений в WordPress. Аделина Тука показывает, как вручную и автоматизированно ускорить загрузку самого распространённого в блогах вида контента — https://www.smashingmagazine.com/2019/06/image-optimization-wordpress/
2019 October 17
Инклюзивные компоненты: сворачиваемые секции. Хейдон Пикеринг делает доступную реализацию и вариант на веб-компонентах в переводе на «Веб-стандартах» — https://medium.com/p/c0de689e0ebe
2019 October 18
В Safari Technology Preview 94 добавлена поддержка CSS Shadow Parts. В основе — HTML-атрибут part, открывающий нужные элементы Shadow DOM для стилизации извне с помощью селектора ::part. Ближайшая аналогия в CSS — псевдоэлемент ::placeholder.
CSS Shadow Parts уже поддерживаются в Chrome 73 и в Firefox 69 за флагом layout.css.shadow-parts.enabled.
https://webkit.org/blog/9609/release-notes-for-safari-technology-preview-94/
CSS Shadow Parts уже поддерживаются в Chrome 73 и в Firefox 69 за флагом layout.css.shadow-parts.enabled.
https://webkit.org/blog/9609/release-notes-for-safari-technology-preview-94/
Валидируйте телефонные номера в вебе при помощи SMS Receiver API. Эйдзи Китамура рассказывает о новом экспериментальном API, которое позволяет доставать коды верификации из SMS-сообщений — https://web.dev/sms-receiver-api-announcement
2019 October 19
Прямая трансляция с WSD в Екатеринбурге начнётся уже через 15 минут:
Видео https://youtu.be/DsfnFrwKksA
Програма https://wsd.events/2019/10/19/#schedule
#wstdays
Видео https://youtu.be/DsfnFrwKksA
Програма https://wsd.events/2019/10/19/#schedule
#wstdays
2019 October 21
Когда вам стоит использовать веб-воркеры? Александр Сурма рассказывает, где может пригодиться вынесение части логики приложения в отдельный поток и как с этим поможет Comlink — https://dassur.ma/things/when-workers/
Фотографии, видео и слайды с WSD в Екатеринбурге 19 октября при поддержке Контура.
Фото во ВКонтакте https://vk.com/album-32017543_270129380
Фото в Фейсбуке https://www.facebook.com/pg/webstandardsru/photos/?tab=album&album_id=2529870837080640
Трансляция с таймкодами https://youtu.be/DsfnFrwKksA
Программа и слайды https://wsd.events/2019/10/19/#schedule
Фото во ВКонтакте https://vk.com/album-32017543_270129380
Фото в Фейсбуке https://www.facebook.com/pg/webstandardsru/photos/?tab=album&album_id=2529870837080640
Трансляция с таймкодами https://youtu.be/DsfnFrwKksA
Программа и слайды https://wsd.events/2019/10/19/#schedule
Аккордеон, FAQ, спойлер и другие раскрывающиеся виджеты. Игорь Федоров реализует популярные в интерфейсах компоненты, стилизуя нативные элементы <details> и <summary> — https://habr.com/p/465623/
Стартовала запись на курс «Я — Веб-разработчик PRO» Skillbox. В программе 2-годичного курса: веб-вёрстка, JavaScript, PHP, фреймворки, 1С-Битрикс, веб-дизайн, управление проектами. Студентов ждут живые встречи и воркшопы, реальные проекты и 2 месяца английского в школе EnglishDom.
2019 October 22
Episode #199: Andreas Bovens on GeckoView, Firefox DevTools, Firefox on mobile, Mozilla vs Opera, why not Chromium, why Firefox. Links on Medium https://medium.com/p/75ad3aee8e3e or on YouTube https://youtu.be/S4lTy1sZ94Y
HTMHell, сборник Мануэля Матузовича с ужасными примерами разметки с реальных сайтов — https://www.htmhell.dev/
Присылайте пулреквесты https://github.com/matuzo/HTMHell
Присылайте пулреквесты https://github.com/matuzo/HTMHell
Профилируем загрузку Хабра, или Как влияют 189 запросов на рендер страницы. Подробный анализ загрузки статьи на Хабре на медленном соединении и советы по её оптимизации — https://habr.com/p/454444/
Юбилейная 42-я конференция Web Standards Days пройдёт в Минске 7 декабря в Event Space. Регистрация откроется 4 ноября, а пока мы открыли приём докладов и ищем партнёров — https://wsd.events/2019/12/07/
2019 October 23
Обновление CSS API. Подробное руководство об использовании API Google Fonts для подключения вариативных шрифтов с оптимизацией их загрузки — https://developers.google.com/fonts/docs/css2