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

Size: a a a

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

2018 December 27

Что такое DOM, Shadow DOM и Vitrual DOM? Ире Адеринокун разбирается в обзорных заметках:

https://bitsofco.de/what-exactly-is-the-dom/
https://bitsofco.de/what-is-the-shadow-dom/
https://bitsofco.de/understanding-the-virtual-dom/

источник

703813:00пожаловаться #1

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

Дизайним сайт как 1998-м! Энди Кларк вспоминает какие удобные были фреймсеты и таблицы — https://24ways.org/2018/designing-your-site-like-its-1998/ Но потом конечно приходит в себя и делает как следует у себя в блоге — https://stuffandnonsense.co.uk/blog/designing-your-website-like-its-2018

источник

649717:23пожаловаться #2

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

Трёхмерные презентации товаров на Three.js для самых маленьких. Иван Богачёв собирает пример сцены, которую можно вращать с помощью мыши: статья https://habr.com/p/433876/ и код https://github.com/sfi0zy/christmas-tree

источник

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

2018 December 29

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

Переключение состояний интерфейса с помощью CSS-переменных. Серия статей Аны Тюдор:

Примеры использования техники: https://css-tricks.com/dry-switching-with-css-variables-the-difference-of-one-declaration/

Фолбэки и неверные значения: https://css-tricks.com/dry-state-switching-with-css-variables-fallbacks-and-invalid-values/

источник

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

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

Введение в CSS-фигуры. Таня Рашка про свойства shape-outside и clip-path, которые принимают примитивы, внешние файлы и даже градиенты для создания эффекта обтекания текстом — https://tympanus.net/codrops/2018/11/29/an-introduction-to-css-shapes/

источник

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

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

Luxon — новая библиотека для работы с датами от команды Moment.js. Обзор возможностей и отличий на Хабре: более логичный API, временные зоны из коробки, новый подход к i18n с учётом Intl API, современные инструменты сборки — https://habr.com/p/433850/

источник

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

2018 December 31

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

Скоро…

источник

846400:01пожаловаться #7

2019 January 02

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

Новогодний выпуск №154: Признание подкаста, наш Патреон, ёлочные игрушки, безопасность, Edge, нейронки на JS, фронтенд в Италии, почему не знать нормально, корейское сердечко и брызги шампанского. Ссылки на Медиуме https://medium.com/p/2f27486c22c4, видео на Ютубе https://youtu.be/TjVwT5EgblE

источник

897120:48пожаловаться #8

895220:48пожаловаться #9

2019 January 05

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

Инклюзивные компоненты: переключатели. Хейдон Пикеринг про <button> с состояниями aria-pressed="true" и aria-pressed="false" вместо чекбоксов для более понятных переключателей. В переводе на «Веб-стандартах» — https://medium.com/p/a41388e80974

источник

829011:05пожаловаться #10

2019 January 07

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

Выпуск №155: Успехи Патреона, a11y и ответственность за UX, SVG-фильтры, скринкасты и поля классов из ES, монорепозитории и Андрей Мелихов в гостях. Ссылки на Медиуме https://medium.com/p/5025cdb0e8b7 или на Ютубе https://youtu.be/DrbUlQbKH78

источник

868212:20пожаловаться #11

737812:20пожаловаться #12

2019 January 08

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

Неограниченные бесплатные приватные репозитории. Гитхаб обновил линейку тарифов: приватные репозитории с тремя коллабораторами для бесплатных тарифов, серверное и облачное решения объединены в один тариф для компаний, также доступны тарифы Pro и Team — https://blog.github.com/2019-01-07-new-year-new-github/

источник

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

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

JavaScript: топ тем и фреймворков для изучения в 2019 году. Эрик Эллиот с рейтингом самых востребованных направлений: от троицы React, Angular, Vue до криптовалют, AI и XR. В переводе на «Веб-стандартах» — https://medium.com/p/1116718b2b67

источник

739216:16пожаловаться #14

2019 January 09

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

Все выпуски «Веб-стандартов» теперь и в Spotify! https://open.spotify.com/show/3rzAcADjpBpXt73L0epTjV Слушайте нас там, где вам удобно и не забывайте ставить оценки — это помогает нам продолжать.

источник

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

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

Монорепозитории: пожалуйста не надо. Критический взгляд Мэтта Кляйна из Lyft на популярный среди больших компаний подход по объединению всего кода в одном репозитории. В переводе на Хабре — https://habr.com/p/435306/

источник

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

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

Новый атрибут intrinsicsize="WxH" для <img> (в Chrome 71 за флагом) позволит избежать перерисовки во время загрузки страницы — браузер уже знает, сколько места оставить для картинок. Демо Эрика Портиса с примерами загрузки адаптивной галереи на видео — https://codepen.io/eeeps/pen/qLKwEZ

источник

658617:30пожаловаться #17

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

FBT, новый JS-фреймворк Facebook для интернационализации интерфейсов: страница проекта https://facebookincubator.github.io/fbt/ и пример использования в React https://github.com/facebookincubator/fbt/blob/master/demo-app/src/example/Example.react.js

источник

713317:49пожаловаться #18

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

SVG Gradient Map Filter, новый инструмент Юли Бухваловой с коллекцией готовых SVG-фильтров для создания спецэффектов поверх картинки, которые можно настроить под вашу задачу — https://yoksel.github.io/svg-gradient-map/

источник

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

2019 January 11

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

История создания инспектора флексов в отладчике Firefox: от идеи до реализации в Firefox 65. Виктория Вонг про новую панель, которая понятно визуализирует сложные возможности флексов — https://hacks.mozilla.org/2019/01/designing-the-flexbox-inspector/

источник

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