Обложка канала

Веб-стандарты. Страница 64

14489 @webstandards_ru
Открыть

Ежедневные новости фронтенда от «Веб-стандартов»

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

    Underdash — коллекция сниппетов от Александра Сурмы по работе с массивами, каждый имеет три реализации: классическую, с синхронным итератором и асинхронным итератором — https://surma.github.io/underdash/

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

    Как анимировать SVG-подпись. Сильвестар Бистрович разбирает иллюстрацию на отрезки, добавляет расчёты на JS и немного CSS-анимации. В переводе Дмитрия Гордиенко — http://odinokun.com/2020-01-14-kak-animirovat-svg-podpis.html

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

    Крошечные помощники. Стефан Джудис собрал коллекцию онлайн-инструментов, каждый из которых решает конкретную задачу в веб-разработке — https://tiny-helpers.dev/

  • Реклама

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

    Сравнение производительности HTTP/1.1, HTTP/2 и HTTP/2 с серверным пушем. Эверт Пот собирает симулятор для тестирования различных способов доставки контента и анализирует их эффективность — https://evertpot.com/h2-parallelism/

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

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

    Нужно ли хранить шрифты Google у себя? Барри Поллард разбирает, как Google Fonts отдаёт шрифты различным браузерам и почему его использование может замедлять рендеринг страницы — https://www.tunetheweb.com/blog/should-you-self-host-google-fonts/

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

    Прячем элементы в вебе. Ахмад Шадид разбирает способы полного, визуального и частичного скрытия HTML-элементов и объясняет, какие между ними отличия — https://ishadeed.com/article/hiding-web/

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

    Разбираемся с async и await. Сара Дрэснер объясняет на примерах, как работает асинхронный код и чем использование async и await отличается от работы с промисами — https://css-tricks.com/understanding-async-await/

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

    Слайдеры с несколькими ручками: общий случай. Ана Тюдор продолжает стилизовать слайдеры и реализует multi-range с пересекающимися диапазонами — https://css-tricks.com/multi-thumb-sliders-general-case/

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

    Как перевести свой проект на TypeScript в удобном для вас темпе. Доминик Кандел делится комфортной для спокойного переезда пошаговой инструкцией — https://www.twilio.com/blog/move-to-typescript

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

    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

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

    Выпуск №212: Новинки Firefox 72, Shadow Parts в Firefox, новые формы в новом Edge, шаблоны в сервис-воркерах, плиточная раскладка на гридах, ментальная модель JavaScript. Ссылки на Медиуме https://medium.com/p/aa6082050d3 или на Ютубе https://youtu.be/jLhqS7nTLo0

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

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

    Минимальные и максимальные ширина и высота в CSS. Ахмад Шадид подробно разбирает, как работают min-width, max-width, min-height и max-height в разных ситуациях и в каких случаях они полезны — https://ishadeed.com/article/min-max-css/

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

  • Реклама

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

    CSS Shadow Parts уже близко! Сергей Куликов делится примерами использования псевдо-элемента ::part — нового механизма для гибкой стилизации веб-компонентов, доступного начиная с Firefox 72 — https://dev.to/webpadawan/css-shadow-parts-are-coming-mi5

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

    Загружаем меньше HTML с сервис-воркерами. Филип Уолтон показывает, как загружать только уникальный для каждой страницы сайта контент, положив в кеш повторяющиеся части вроде <head> — https://philipwalton.com/articles/smaller-html-payloads-with-service-workers/

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

    Browser Default Styles. Справочник стилей по умолчанию для HTML-элементов в разных браузерах с поиском и фильтрами — https://browserdefaultstyles.com/