Size: a a a

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

2020 February 19
Веб-стандарты
CSS-свойства object-fit и object-position: кадрирование картинок встроенных в HTML. Мартин Михалек в переводе Дмитрия Гордиенко — http://odinokun.com/2020-02-17-css-svojstva-object-fit-i-object-position.html
источник
2020 February 20
Веб-стандарты
Быстро сразу. Алгоритмическая оптимизация перфоманса на практике. Владимир Агафонкин на dotJS в Париже — https://youtu.be/bwA9i6wjfhw
источник
Веб-стандарты
Декларативный Shadow DOM. Мейсон Фрид из команды Chrome и Blink предлагает решение для создания изолированного поддерева прямо в разметке для ускорения рендеринга до 6 раз, лучшей работы с поисковиками и серверного рендеринга — https://github.com/mfreed7/declarative-shadow-dom/blob/master/README.md
источник
Веб-стандарты
Отключенные контролы форм — как с ними работать. Кетелин Расу про использование атрибута disabled в HTML, CSS и JavaScript — https://catalin.red/disabled-form-controls/
источник
2020 February 21
Веб-стандарты
Четыре видео с MoscowJS 47: погоня за перфомансом, поиск багов, код с уважением, расширяемые интерфейсы — https://www.youtube.com/playlist?list=PL95OM-7UObpEoTxbhvG6Udnkw-xM4Ay5u
источник
2020 February 24
Веб-стандарты
Опыт интеграции веб-компонентов на сайт Леруа Мерлен. Валентин Федяков рассказывает о плюсах и минусах постепенного внедрения веб-компонентов в крупном проекте — https://habr.com/p/488648/
источник
Веб-стандарты
Пока вы не смотрите, градиенты в CSS становятся лучше. Ана Тюдор рассказывает о компактном синтаксисе указания начала и конца цвета в линейном градиенте — https://css-tricks.com/while-you-werent-looking-css-gradients-got-better/
источник
Веб-стандарты
Когда CSS блокирует. Тим Кадлек разбирает недостатки одного способа асинхронной загрузки CSS и предлагает альтернативное решение — https://timkadlec.com/remembers/2020-02-13-when-css-blocks/
источник
Веб-стандарты
Стилизация старой доброй кнопки. Ахмад Шадид делится лучшими практиками и особенностями работы с <button> — https://ishadeed.com/article/styling-the-good-old-button/
источник
2020 February 25
Веб-стандарты
Выпуск №218: Опять гриды, градиенты всё лучше, блокирующий CSS, веб-компоненты, всё про кнопки и disabled. В гостях Глафира Жур. Слушайте на Ютубе https://youtu.be/arNdGsoRve8, читайте на Медиуме https://medium.com/p/4e8cd079eeac
источник
Веб-стандарты
00:00:48 События
00:09:06 Опять гриды
00:17:25 Градиенты всё лучше
00:22:22 Блокирующий CSS
00:27:47 Веб-компоненты
00:37:49 Всё про кнопки
00:51:48 Как работает disabled
источник
Веб-стандарты
Видео докладов с MinskJS Meetup #7: браузерные расширения, безопасный инпут в <iframe> и инструменты для JAMstack — https://www.youtube.com/playlist?list=PL-whh3wS8xsL3nvC7pP69BhxdLC5JRT5B
источник
Веб-стандарты
Объяснение селекторов. Хьюго Жирадель собрал переводчик с языка селекторов в CSS на английский — https://hugogiraudel.github.io/selectors-explained/
источник
Веб-стандарты
Руководство по консольным командам. Трэвис Алманд показывает, какие ещё есть полезные команды в консоли в инструментах разработчика, кроме привычного console.log — https://css-tricks.com/a-guide-to-console-commands/
источник
2020 February 26
Веб-стандарты
Устраняем утечки памяти в веб-приложениях. Нолан Лоусон рассказывает, как исследовать приложение на наличие утечек памяти и почему они могут возникать — https://nolanlawson.com/2020/02/19/fixing-memory-leaks-in-web-applications/
источник
Веб-стандарты
Умные анимации на кастомных свойствах. Маттиа Асторино показывает, как избежать дублирования кода и управлять анимациями в CSS по-новому — https://equinusocio.dev/blog/smart-animations-with-custom-properties/
источник
Веб-стандарты
Вы используете devDependencies неправильно. Пётр Флакс открывает глаза всем, кто использует секцию devDependencies в package.json без флага --production — https://incubator.flaks.dev/devdependencies-mistake
источник
Веб-стандарты
Прерывание fetch-запроса. Ви Эс Ганапати показывает, как при помощи AbortController принудительно завершать запросы, инициированные методом fetch — https://meetguns.com/blog/aborting-a-fetch-request/
источник
2020 February 27
Веб-стандарты
9 видео с WebAssembly Summit 2020: новая экосистема, генерация музыки, интернет вещей, полифил для <video>, новый интерпретатор в JavaScriptCore и другие — https://www.youtube.com/playlist?list=PL6ed-L7Ni0yQ1pCKkw1g3QeN2BQxXvCPK
источник
Веб-стандарты
Вплетение линии в текст на CSS. Ана Тюдор показывает, как реализовать интересный эффект прохождения линии сквозь буквы текста — https://css-tricks.com/weaving-a-line-through-text-in-css/
источник