Size: a a a

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

2021 April 01
Веб-стандарты
Бесплатный курс «Основы HTML и CSS» Нетологии пройдёт 5–20 апреля. В программе вебинары по разметке, стилям, клиент-серверному взаимодействию и 16 практических заданий по вёрстке страниц, текстовых блоков и подготовке контента для публикации на сайте.

https://netolo.gy/gnz
источник
2021 April 02
Веб-стандарты
Случайные мысли о Math.random(). Андрей Печкуров показывает, как реализована функция Math.random в движке V8.

https://apechkurov.medium.com/v8-deep-dives-random-thoughts-on-math-random-fb155075e9e5
источник
Веб-стандарты
Анимация подчёркивания. Мишель Баркер делится примерами анимаций подчёркивания ссылок по ховеру или фокусу без использования псевдоэлементов.

https://css-irl.info/animating-underlines/
источник
Веб-стандарты
CSS Container Queries, или Адаптация по-новому. Вадим Макеев про первое внедрение черновика выражений от контейнера, который позволит адаптировать от размеров компонента, а не вьюпорта.

Видео https://youtu.be/bP3ceQEXMhU
Демо https://pepelsbey.github.io/playground/52/
Эксплейнер https://css.oddbird.net/rwd/query/explainer/
источник
2021 April 05
Веб-стандарты
HSL: формат для людей. Пол Геберт сравнивает форматы представления цветов RGB и HSL и приводит доводы, почему HSL удобнее для работы.

https://cloudfour.com/thinks/hsl-a-color-format-for-humans/
источник
Веб-стандарты
Итеративное ускорение сайта. Килан Парр показывает, какие оптимизации помогут улучшить перфоманс сайта и поднимут оценку в Lighthouse.

https://css-tricks.com/fixing-a-slow-site-iteratively/
источник
Веб-стандарты
Выпуск №276. Павел Минеев, Вадим Макеев, Никита Дубко, Андрей Мелихов про Safari, static в V8, Deno, Sublime Text, HSL и LCH, скорость F1, возвращение на WordPress, SPA, гидрацию и Next.js.

Слушайте на Ютубе https://youtu.be/WokH6TYVfYs
Читайте на Медиуме https://medium.com/p/8e17f8b546c6
источник
Веб-стандарты
00:01:13 События
00:04:11 Фиксы в Safari
00:07:47 Static в V8
00:13:29 Deno Company
00:21:35 Sublime Text 4
00:28:46 HSL и LCH
00:34:45 Медленная F1
00:42:04 Обратно на WordPress
00:54:48 Что такое SPA
01:07:11 Гидрация и Next.js
источник
2021 April 06
Веб-стандарты
Дебаг сдвигов раскладки. Кейти Хемпениус показывает, как найти причины прыжков контента во время загрузки страницы.

https://web.dev/debug-layout-shifts/
источник
Веб-стандарты
HTML-инпуты и лейблы: история любви. Эмбер Уилсон объясняет, почему важно правильно соединять лейблы с их инпутами.

https://css-tricks.com/html-inputs-and-labels-a-love-story/
источник
Веб-стандарты
Погружение в статический генератор сайтов Eleventy. Стефани Эклз рассказывает об основных концепциях и приёмах, позволяющих быстро стартовать проект на Eleventy.

https://www.smashingmagazine.com/2021/03/eleventy-static-site-generator/
источник
2021 April 07
Веб-стандарты
Результаты WebPageTest на каждый деплой. Тим Кадлек рассказывает, как для каждой сборки документации WebPageTest автоматически генерируется страница с оценкой её производительности.

https://blog.webpagetest.org/posts/automatic-webpagetest-results-for-every-docs-deploy/
источник
Веб-стандарты
Доступный переключатель. Китти Жирадель делится реализацией переключателя, который основан на чекбоксе, легко кастомизируется, поддерживает выключенное состояние и может работать без CSS.

https://kittygiraudel.com/2021/04/05/an-accessible-toggle/
источник
Веб-стандарты
Новая конференция Podlodka Frontend Crew пройдёт онлайн 12–23 апреля. В программе две части: 1 неделя про оптимизацию перфоманса, 2 неделя про стабильность и качество. Сессии два раза в день, чаты со спикерами в Слаке круглосуточно. Билет стоит 3900 ₽.

https://podlodka.io/fecrew?utm_campaign=FE-1-Main&utm_medium=paid&utm_source=telegram&utm_content=FE-1-Early-Bird_webstandards
источник
2021 April 08
Веб-стандарты
Разбираемся в браузерных куках. Хуэй Цзин Чэнь объясняет, как работают куки и что с ними можно делать при помощи JavaScript.

https://chenhuijing.com/blog/understanding-browser-cookies/
источник
Веб-стандарты
РАНХиГС и Skillbox запускают онлайн-бакалавриат «Разработчик веб- и мультимедийных приложений». Дистанционное обучение 4 года, в конце госдиплом. В программе: вёрстка, фронтенд, бэкенд, мобильные приложения. Приём документов открывается 18 июня.

https://clc.am/6-HSNQ
источник
Веб-стандарты
PWA для SSR-приложения. Вадим Бударин рассказывает, как при помощи Workbox 6 удалось заменить самописный сервис-воркер на генерируемый и расширяемый плагинами.

https://medium.com/p/dc89fc513361
источник
2021 April 09
Веб-стандарты
Атрибут ping для ссылок. Стефан Джудис рассказывает о предусмотренной в спецификации возможности собирать аналитику кликов по ссылкам.

https://www.stefanjudis.com/today-i-learned/html-defines-a-ping-attribute-on-anchor-elements-links/
источник
Веб-стандарты
Бесплатный вебинар «Ускорение на простых типах данных» Александры Воронцовой пройдёт 15 апреля в Яндекс Практикуме, начало в 19:30. В программе обзор особенностей простых типов, разбор задач на типы данных с собеседований и ответы на вопросы.

https://praktikum.blog/algoBasicTypes/?utm_source=telegram&utm_medium=performance&utm_campaign=Telegram_performance_algoBasicTypes-webstandards_ru
источник
Веб-стандарты
Ми­гра­ция с Vue CLI на Vite. Седрик Николосо с пошаговым рецептом: что и где нужно поменять, чтобы сборка проекта на Vue заработала удобнее и быстрее. В переводе на «Веб-стандартах».

https://web-standards.ru/articles/vue-cli-to-vite/
источник