Size: a a a

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

2019 December 31
Веб-стандарты
Новогодняя игра HTML Academy стартует 1 января в 00:01. Команды участников соревнуются, кто пройдёт больше курсов. Победившая команда получит скидку 15% на профессиональные курсы, 10% на программы профессий и доступ ко всем платным интерактивным курсам до 19 января — https://tml.io/j0rm9
источник
Веб-стандарты
Как русскоязычные пользователи с особыми потребностями пользуются сайтами. Татьяна Фокина подводит итоги пилотного исследования за 2019 год — https://medium.com/p/dd42928f10ba
источник
2020 January 03
Веб-стандарты
Продолжается новогодняя игра HTML Academy. Участники проходят курсы, разгадывают загадки и ищут подсказки, чтобы выиграть для всей команды скидку 15% на профессиональные курсы, 10% на программы профессий и доступ ко всем платным интерактивным курсам до 19 января — https://tml.io/j0rm9
источник
2020 January 06
Веб-стандарты
Новогодние «Веб-стандарты» уже скоро 🌲
источник
2020 January 08
Веб-стандарты
Слайдеры с несколькими ручками. Ана Тюдор подробно разбирает, как самостоятельно реализовать удалённый из спецификации multi-range и стилизовать слайдеры — https://css-tricks.com/multi-thumb-sliders-particular-two-thumb-case/
источник
Веб-стандарты
Двигайся быстро и ничего не ломай! Расшифровка доклада Скота Йеля про способы максимально быстрой и удобной пользователю доставки ресурсов страницы: разметки, стилей, изображений, шрифтов и JS-файлов — https://www.filamentgroup.com/lab/dontbreakthings/
источник
Веб-стандарты
Прогрессивные веб-приложения в 2020. Максимилиано Фиртман разбирается, как выглядит экосистема PWA на различных устройствах и в разных операционных системах, в переводе на Хабре — https://habr.com/p/482772/
источник
2020 January 09
Веб-стандарты
Новогодний выпуск №211: Софт-скилы, футбол и жизнь без фронтенда, веб-компоненты и React, гриды или флексы, когда перфоманс, дайвёрсити и Веб-стандарты 2020. Ссылки на Медиуме https://medium.com/p/82b58d3dc805 или на Ютубе https://youtu.be/FOCSAeqmo4s
источник
Веб-стандарты
00:01:14 Оля с пожеланиями
00:04:57 Лёша с софт-скилами
00:22:13 Маша с футболом
00:26:23 Вадим без фронтенда
00:34:37 Веб-компоненты и React
00:52:09 Гриды или флексы
01:01:00 Когда перфоманс
01:12:58 Дайвёрсити
01:18:48 Веб-стандарты 2020
источник
Веб-стандарты
Из чего сделан JavaScript? Дэн Абрамов делится своей ментальной моделью JavaScript, которая помогает ему лучше понимать нюансы языка, в переводе на Хабре — https://habr.com/p/482472/
источник
Веб-стандарты
Новинки Firefox 72 в обзоре Криса Миллса: новые возможности отладки, картинка-в-картинке, поддержка объединений с null, Shadow Parts, CSS Motion Path, отдельные CSS-свойства scale, rotate, translate и другие улучшения — https://hacks.mozilla.org/2020/01/firefox-72-our-first-song-of-2020/
источник
Веб-стандарты
Browser Default Styles. Справочник стилей по умолчанию для HTML-элементов в разных браузерах с поиском и фильтрами — https://browserdefaultstyles.com/
источник
2020 January 10
Веб-стандарты
Загружаем меньше HTML с сервис-воркерами. Филип Уолтон показывает, как загружать только уникальный для каждой страницы сайта контент, положив в кеш повторяющиеся части вроде <head> — https://philipwalton.com/articles/smaller-html-payloads-with-service-workers/
источник
Веб-стандарты
CSS Shadow Parts уже близко! Сергей Куликов делится примерами использования псевдо-элемента ::part — нового механизма для гибкой стилизации веб-компонентов, доступного начиная с Firefox 72 — https://dev.to/webpadawan/css-shadow-parts-are-coming-mi5
источник
Веб-стандарты
Как решить, какие элементы должны залипать. Сюзанн Скакка исследует, какие части интерфейса и когда могут стать полезнее, если их закрепить при скролле — https://www.smashingmagazine.com/2020/01/mobile-pwa-sticky-bars-elements/
источник
Веб-стандарты
Минимальные и максимальные ширина и высота в CSS. Ахмад Шадид подробно разбирает, как работают min-width, max-width, min-height и max-height в разных ситуациях и в каких случаях они полезны — https://ishadeed.com/article/min-max-css/
источник
2020 January 13
Веб-стандарты
Играем с CSS Motion Path. Мишель Баркер экспериментирует со свойством offset-path, доступным для анимации — https://css-irl.info/fun-with-css-motion-path/
источник
Веб-стандарты
Выпуск №212: Новинки Firefox 72, Shadow Parts в Firefox, новые формы в новом Edge, шаблоны в сервис-воркерах, плиточная раскладка на гридах, ментальная модель JavaScript. Ссылки на Медиуме https://medium.com/p/aa6082050d3 или на Ютубе https://youtu.be/jLhqS7nTLo0
источник
Веб-стандарты
00:01:00 События
00:06:54 Новинки Firefox 72
00:20:29 Shadow Parts в Firefox
00:24:38 Новые формы в новом Edge
00:29:37 Шаблоны в сервис-воркерах
00:41:26 Плиточная раскладка на гридах
00:46:20 Ментальная модель JavaScript
источник
Веб-стандарты
Как перевести свой проект на TypeScript в удобном для вас темпе. Доминик Кандел делится комфортной для спокойного переезда пошаговой инструкцией — https://www.twilio.com/blog/move-to-typescript
источник