Size: a a a

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

2020 July 21
Веб-стандарты
Разбираемся с генераторами в JavaScript. Таня Расчия подробно объясняет особенности работы генераторов и показывает, где их можно применять — https://www.taniarascia.com/understanding-generators-in-javascript/
источник
Веб-стандарты
Нолан Лоусон рассказывает, как создавал кастомный элемент emoji-picker-element, стараясь обеспечить его доступность, быстродействие и эффективное потребление памяти — https://nolanlawson.com/2020/06/28/introducing-emoji-picker-element-a-memory-efficient-emoji-picker-for-the-web/
источник
2020 July 22
Веб-стандарты
Объ­яс­не­ние клю­че­вых слов initial, inherit, unset и revert в CSS. Элад Шехтер про ключевые слова, которые никто не понимает, в переводе Алексея Бузмакова на «Веб-стандартах» — https://web-standards.ru/articles/inherit-initial-unset-revert/
источник
Веб-стандарты
Катерина Павленко объясняет принципы работы GitHub Actions и особенности их настройки и показывает, как написать свой Action и разместить его в маркетплейсе.

Базовые понятия — https://medium.com/p/2501445e7392
Пишем свой — https://medium.com/p/8eb0a05c3e8a
источник
Веб-стандарты
Случайные ходоки. Луи Хебрегтс показывает, как создать впечатляющее генеративное демо, основанное на физике, шуме и случайности — https://www.generativehut.com/post/random-walkers
источник
2020 July 23
Веб-стандарты
Суперсилы для CSS-переменных. Юна Кравец рассказывает о директиве @property, которая позволяет задавать тип кастомному свойству, добавляя ему возможности для анимаций и браузерных оптимизаций — https://web.dev/at-property/
источник
Веб-стандарты
15 базовых советов по Git для эффективной работы каждый день. Сергей Сергеев делится лайвхаками в блоге ManyChat на Хабре — https://habr.com/p/511946/
источник
Веб-стандарты
Все способы что-то убрать со страницы и их побочные эффекты в сводной таблице Винсента Валентина — https://codepen.io/vincent-valentin/full/JjGmxzV
источник
2020 July 24
Веб-стандарты
Разбираемся с множественными фонами в CSS. Ахмад Шадид показывает, как и зачем комбинировать несколько фонов у одного элемента, на практических примерах — https://ishadeed.com/article/css-multiple-backgrounds/
источник
Веб-стандарты
Пора загружать айфреймы за пределами экрана лениво. Эдди Османи об особенностях работы атрибута loading=lazy и способах добавить ленивую загрузку кросс-браузерно — https://web.dev/iframe-lazy-loading/
источник
Веб-стандарты
Феликс Гершау объясняет этапы жизненного цикла сервис-воркеров и показывает, как их контролировать — https://felixgerschau.com/service-worker-lifecycle-update/
источник
2020 July 27
Веб-стандарты
Путь к пониманию шаблонных литералов в JavaScript. Таня Расчия объясняет, чем шаблонные литералы отличаются от обычных строк и как теговые шаблоны помогают с ними работать, в переводе на Хабре — https://habr.com/p/511590/
источник
Веб-стандарты
Выпуск №240: MoscowJS, бета Chrome 85, TypeScript в Svelte, типизация и сбросы в CSS, что такое Numl. В гостях Андрей Яманов. Слушайте на Ютубе https://youtu.be/kAn55JfizTQ, читайте на Медиуме https://medium.com/p/78d6142c16a5
источник
Веб-стандарты
00:01:22 События и MoscowJS
00:04:53 Бета Chrome 85
00:18:37 TypeScript в Svelte
00:25:16 Типизированный CSS
00:34:15 Сброс в CSS
00:42:05 Что такое Numl
источник
Веб-стандарты
Современные CSS-техники для улучшения читаемости. Эдоардо Кавацца делится приёмами создания удобного для чтения текста, опирающихся на параметры шрифта — https://www.smashingmagazine.com/2020/07/css-techniques-legibility/
источник
Веб-стандарты
Правосторонний интерфейс: адаптируем контролы к right-to-left языкам. Дмитрий Кузнецов делится опытом Badoo повышения удобства форм для пользователей с включённым арабским языком или ивритом — https://habr.com/p/511926/
источник
2020 July 28
Веб-стандарты
Визуализация CORS. Лидия Холли графически объясняет, как работают кроссдоменные запросы и какими HTTP-заголовками их настраивать — https://dev.to/lydiahallie/cs-visualized-cors-5b8h
источник
Веб-стандарты
Генератор цветовых тем. Юлия Бухвалова рассказывает про историю возникновения инструмента для генерации цветовых тем и показывает, как его можно использовать — http://css.yoksel.ru/color-themes-generator/
источник
2020 July 29
Веб-стандарты
Мониторинг производительности с Lighthouse CI. Кэти Хэмпениус показывает, как встроить Lighthouse CI в процессы разработки: от локальных проверок до отдельного сервера для мониторинга — https://web.dev/lighthouse-ci/
источник
Веб-стандарты
Что за… «композиция»? Дэн Абрамов объясняет концепт из функционального программирования и показывает, для чего его можно применять в JavaScript-приложениях — https://whatthefuck.is/composition
источник