Телеграмм чат группы webstandards

Size: a a a

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

2019 October 08

Episode #196: Eva Ferreira and Ian Pouncey on Chromakey, live demos, Argentinian front-end community, Accessibility and SEO, HTML or ARIA. Links on Medium https://medium.com/p/346ab18b83d3 or on YouTube https://youtu.be/rArcWBT_Icw

источник

751514:28пожаловаться #1

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

196.mp3

(25.62 Мб)

00:00:19 Eva Ferreira
00:22:36 Ian Pouncey

источник

724614:28пожаловаться #2

2019 October 09

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

Извлекайте критический CSS. Милица Михайлия с обзором техники критического CSS и инструментов, которые помогут улучшить время первого рендеринга. В переводе на «Веб-стандартах» — https://medium.com/p/39e479af038e

источник

677812:00пожаловаться #3

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

Динамические CSS-компоненты без JavaScript. Хейдон Пикеринг показывает, как оптимизировать CSS-in-JS, используя пользовательские свойства — https://every-layout.dev/blog/css-components/

источник

672214:00пожаловаться #4

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

Создание тёмной темы для вашего сайта. Дейя Ходж с коротким введением в prefers-color-scheme в серии about:web на новом канале Mozilla Developer — https://youtu.be/jmepqJ5UbuM

источник

676216:00пожаловаться #5

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

Юбилейный Я.Субботник по разработке интерфейсов пройдёт в Москве 26 октября. В программе шесть докладов о стабильности загрузки и поиске дубликатов в коде, экспериментах и эволюции фронтенда — https://events.yandex.ru/events/yasubbotnik/26-oct-2019

источник

671617:00пожаловаться #6

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

Онлайн-конференция «Профессии в Digital» пройдёт 7–23 октября на площадке Skillbox. В программе 37 мастер-классов и 25 спикеров, среди тем: анимация на CSS и JS или в Adobe XD, введение во фронтенд, Data Science и Java, знакомство с PHP и Python, SEO, SMM, VR и другие. Бесплатная регистрация уже открыта — https://live.skillbox.ru/marathon/?utm_source=telegram&utm_medium=groups&utm_campaign=all_all_telegram_groups_post_marathon-8-2019-10_all_webstandards-ru_ardens&utm_content=2019-10-09&utm_term=pf-oct-dev

источник

681718:00пожаловаться #7

2019 October 10

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

Новый способ офомления маркеров списков. Мириам Сюзан про новый псевдоэлемент ::marker, display: list-item и другие варианты в серии about:web на канале Mozilla Developer: видео https://youtu.be/2awepiNoaZI и демо https://codepen.io/mirisuzanne/pen/BaBKowO

источник

696412:00пожаловаться #8

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

Современный сброс стилей CSS. Энди Белл предлагает авторскую нормализацию стилей, которая не только выравнивает отображение в браузерах, но и добавляет новое полезное для современных интерфейсов — https://hankchizljaw.com/wrote/a-modern-css-reset/

источник

763114:00пожаловаться #9

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

Episode #197: Léonie Watson on accessible Web Components, AOM, ARIA challenges, browser support, dialogs and date pickers. 10% discount for FrontendConf with FC+WST promocode. Links on Medium https://medium.com/p/b73dcbabfe22 or on YouTube https://youtu.be/JBv0x1RxAbw

источник

764215:19пожаловаться #10

679015:19пожаловаться #11

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

Показываем фокус для улучшения доступности. Хидде де Врис наглядно объясняет, почему нельзя полностью прятать фокус на элементах и даёт советы, как сделать его красивым и доступным — https://hacks.mozilla.org/2019/06/indicating-focus-to-improve-accessibility/

источник

739017:00пожаловаться #12

2019 October 11

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

Почему CSS такой странный? Мириам Сюзан про особенности языка, его историю, настоящее и будущее в серии about:web на канале Mozilla Developer — https://youtu.be/aHUtMbJw8iA

источник

720712:00пожаловаться #13

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

Обновление мажорной версии библиотеки Preact X, лёгкого и совместимого аналога React, которая пополнилась новыми фичами: фрагменты, хуки, componentDidCatch, тестовые утилиты, ещё лучшая совместимость и многое другое — https://github.com/preactjs/preact/releases/tag/10.0.0

источник

778914:02пожаловаться #14

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

В Sass появилась модульная система. Натали Вейзенбаум рассказывает о причинах отказа от директивы @import, особенностях новых директив @use и @forward, а также показывает, как автоматически мигрировать кодовую базу на новый синтаксис — http://sass.logdown.com/posts/7858341-the-module-system-is-launched

источник

1057916:00пожаловаться #15

2019 October 14

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

Что делает значение revert в CSS? Мириам Сюзан про новое очень полезное значение и его отличие от initial и unset в серии about:web на канале Mozilla Developer https://youtu.be/GAjoVRmipcU

источник

716911:00пожаловаться #16

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

Когда уже можно будет стилизовать <select>?! Грег Уитворт делится результатами опроса про то, чего не хватает фронтенд-разработчикам в нативной реализации элемента <select> — http://gwhitworth.com/blog/2019/10/can-we-please-style-select/

источник

704114:38пожаловаться #17

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

Круги на CSS. Тайлер Стика разбирает способы создания круглых элементов на странице и их взаимодействие с контентом — https://cloudfour.com/thinks/css-circles/

источник

730816:01пожаловаться #18

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

А вы знаете ваши теги? Игра Реми Шарпа на знание названий HTML-тегов. Делитесь вашими рекордами — https://tags.isthe.link/

источник

794518:00пожаловаться #19

2019 October 15

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

API IntersectionObserver и ленивая загрузка изображений. Чидуми Ннамди в переводе на Хабре на примере простой веб-страницы показывает, как оптимизировать время до первой интерактивности и потребление ресурсов браузера — https://habr.com/p/453586/

источник

743914:00пожаловаться #20