- 🇷🇺 Ошибки и спорные вопросы в HTML-CSS вёрстке: Часть 1: общие и методологические, Часть 2: разметка, Часть 3: стилизация,
- 🇺🇸 Quoting in HTML: Quotations, Citations, and Blockquotes
- 🇷🇺/🇺🇸 Исчерпывающий путеводитель по тегу iframe перевод/оригинал
- 🇺🇸 HTML can do that?
- 🇺🇸 What you should know about tabindex
- 🇺🇸 🗿 HEAD — A list of everything that could go in the
headof your document
- 🇺🇸 Disable Autocomplete, Autocapitalize, and Autocorrect
- 🇺🇸 Everything You Ever Wanted to Know About inputmode
- 🇷🇺 Особенности атрибута inputmode для мобильных ОС и браузеров
- 🇺🇸 Autofill: What web devs should know, but don’t
- 🇺🇸 HTML5 Input Types: Where Are They Now?
- 🇺🇸 Autofill on Browsers: A Deep Dive
- 🇺🇸 How to Build HTML Forms Right Part 1: Semantics, Part 2: Accessibility, Part 3: Styling, Part 4: User Experience, Part 5: Security
- 🇺🇸 Хитрость для viewport-единиц на мобильном
- 🇷🇺 CSS 3 Timing Functions и с чем их едят
- 🇷🇺 Краш-тест вёрстки
- 🇷🇺/🇺🇸 Введение в CSS Shapes перевод/оригинал
- 🇺🇸 Collection of CSS snippets
- 🇷🇺 Чего мне никогда не говорили о CSS
- 🇺🇸 Pointing Device Adaptation
- 🇷🇺/🇺🇸 Странности CSS, о которых полезно знать перевод/оригинал
- 🇺🇸 Presentation Attributes vs Inline Styles
- 🇺🇸 Considerations for styling the "pre" tag
- 🇷🇺/🇺🇸 Свойство background перевод/оригинал
- 🇺🇸 CSS Will Change Module Level 1 — Editor’s Draft
- 🇷🇺/🇺🇸 Новые логические свойства в CSS! перевод/оригинал
- 🇺🇸 Next-generation web styling
- 🇺🇸 Dashed border using background-image property
- 🇺🇸 CSS Ruleset Terminology
- 🇺🇸 cssreference.io – A free visual guide to CSS
- 🇷🇺/🇺🇸 CSS: интересные возможности border-radius перевод/оригинал
- 🇷🇺 Правильная шпаргалка по CSS-каскаду
- 🇺🇸 Control your drop caps with CSS initial-letter
- 🇺🇸 The Unexpected Power of Viewport Units in CSS
- 🇺🇸 You’re using〈em〉wrong
- 🇷🇺 Единицы размеров в CSS
- 🇺🇸 What does 100% mean in CSS?
- 🇺🇸 Pixels vs. Relative Units in CSS: why it’s still a big deal
- 🇺🇸 min(), max(), and clamp(): three logical CSS functions to use today
- 🇺🇸 A Complete Guide to CSS Functions
- 🇷🇺 Математические функции в CSS
- 🇺🇸 CSS Viewport Units: A Quick Start
- 🇺🇸 CSS media queries are not just max-width
- 🇺🇸 A Complete Guide to CSS Media Queries
- 🇺🇸 The New CSS Media Query Range Syntax
- 🇷🇺 Неизведанные глубины CSS: метрики шрифта, line-height и vertical-align
- 🇺🇸 Multi-Line Padded Text
- 🇺🇸 Multi-Line Inline Gradient
- 🇺🇸 CSS Writing Modes
- 🇷🇺 Комбинации в CSS: ::before и ::first-letter
- 🇷🇺/🇺🇸 Рендеринг текста вас ненавидит перевод/оригинал
- 🇺🇸 Leading-Trim: The Future of Digital Typesetting
- 🇺🇸 Force Selection of Text Block
- 🇺🇸 Stroke Text CSS: 📕 The Definitive Guide
- 🇺🇸 Linearly Scale font-size with CSS clamp() Based on the Viewport
- 🇺🇸 Where Lines Break is Complicated. Here’s all the Related CSS and HTML.
- 🇷🇺 Расстановка полей и отступов в CSS
- 🇷🇺 Как на самом деле работает position: sticky в CSS превод/оригинал
- 🇷🇺 Новый display:flow-root — не clearfix, но что это и зачем?
- 🇺🇸 Overflow In CSS
- 🇺🇸 Min and Max Width/Height in CSS
- 🇺🇸 Understanding positioning in CSS
- 🇺🇸 How display: contents; Works
- 🇺🇸 Learn Box Alignment
- 🇺🇸 The two-value syntax of the CSS Display property
- 🇺🇸 Two-Value Display Syntax (and Sometimes Three)
- 🇺🇸 Digging Into The Display Property: The Two Values Of Display
- 🇺🇸 Managing Z-Index In A Component-Based Web Application
- 🇺🇸 CSS Painting Order
- 🇺🇸 4 reasons your z-index isn’t working (and how to fix it)
- 🇷🇺 FLEXBOX FROGGY — игра с основами раскладки flexbox, не охватывает basis/grow/shrink
- 🇷🇺 11 вещей которые я узнал, читая спецификацию flexbox
- 🇺🇸 Common CSS Flexbox Layout Patterns with Example Code
- 🇺🇸 Flexbugs
- 🇺🇸 Understanding Flexbox: Everything you need to know
- 🇷🇺/🇺🇸 Именование в CSS Grid перевод/оригинал
- 🇺🇸 Как сломать грид
- 🇷🇺/🇺🇸 CSS Grid — швейцарский армейский нож для макетов сайтов и приложений перевод/оригинал
- 🇺🇸 CSS grid tutorial: 13 tips and tricks which you should know as a web developer
- 🇷🇺 GRID GARDEN
- 🇷🇺/🇺🇸 Гибкая разметка без медиа-запросов: функции min(), max(), clamp() перевод/оригинал
- 🇺🇸 A Lightweight Masonry Solution
- 🇺🇸 Grid by Example
- 🇺🇸 Learn CSS Grid
- 🇷🇺/🇺🇸 🔥 Убираем сдвиги в верстке наложением в CSS Grid перевод/оригинал
- 🇺🇸 The Smallest Difference — про выравнивание цифр в колонках
- 🇷🇺/🇺🇸 Фиксированый стиль таблицы или Fixed Table Layouts перевод/оригинал
- 🇷🇺 Понятно про CSS Masking и Shapes Modules, или Будущая революция дизайна контента
- 🇷🇺/🇺🇸 Аватары с рваными краями при помощи CSS clip-path перевод/оригинал
- 🇺🇸 How to use CSS clipping
- 🇺🇸 How to use CSS masking
- 🇺🇸 Shapes in clipping and masking – and how to use them
- 🇺🇸 Helping Browsers Optimize With The CSS Contain Property
- 🇺🇸 Let’s Take a Deep Dive Into the CSS Contain Property
- 🇺🇸 CSS Containment in Chrome 52
- 🇺🇸 content-visibility: the new CSS property that boosts your rendering performance
- 🇷🇺 Новое CSS-свойство content-visibility ускоряет отрисовку страницы в несколько раз
- 🇺🇸 Resize-Resilient
content-visiblityFixes
- 🇷🇺 Шпаргалка функций плавности
- 🇺🇸 CSS Easing Animation Tool — онлайн построение функций анимации
- 🇺🇸 Dynamic Bézier Curves
- 🇷🇺 CSS counters
- 🇷🇺/🇺🇸 LCH-цвета в CSS перевод/оригинал
- 🇺🇸 The possibilities of the color-adjust property
- 🇺🇸 No-Comma Color Functions in CSS
- 🇷🇺/🇺🇸 Заходят как-то два браузера в скроллбар… перевод/оригинал
- 🇺🇸 Custom Scrollbars in WebKit
- 🇺🇸 Scroll to the future
- 🇺🇸 Styling Scrollbars with CSS: The Modern Way to Style Scrollbars
Также см. BROWSERSDEVICES -> Библиотеки -> Скролл и скроллбар
- 🇺🇸 Patterns for Practical CSS Custom Properties Use
- 🇷🇺 Маленькие хитрости кастомных свойств (CSS-переменных)
- 🇷🇺/🇺🇸 Топ 5 причин, почему мне нравятся пользовательские свойства CSS перевод/оригинал
- 🇷🇺 Введение в пользовательские CSS-свойства
- 🇺🇸 7 Uses for CSS Custom Properties
- 🇷🇺 Кастомные свойства в CSS. Часть 1: что это такое и как работает, Часть 2: особенности применения, Кастомные свойства в CSS. Часть 3: ограничения
- 🇺🇸 The Difference Between currentColor & Custom Properties
- 🇷🇺 Условия для CSS-переменных
- 🇺🇸 Jeet — сетка
- 🇺🇸 MUI — Material Design-like фреймворк
- 🇺🇸 Material Design Lite
- 🇺🇸 awsm.css — библиотека для стилизации стандартных тегов без классов
- 🇺🇸 CSS Houdini
- 🇺🇸 Cross-browser paint worklets and Houdini.how
- 🇺🇸 Houdini.how
- 🇺🇸 Is Houdini ready yet‽
- 🇷🇺/🇺🇸 Тёмная сторона использования полифиллов CSS перевод/оригинал
- 🇺🇸 Houdini Samples — Demos for different Houdini APIs
- 🇺🇸 CSS Paint API Explained
- 🇺🇸 CSS Paint API demos
- 🇺🇸 Say Hello to Houdini and the CSS Paint API
- 🇺🇸 A CSS Houdini library for making your site a little more #extra
- 🇺🇸 CSS Paint API
- 🇺🇸 Exploring the CSS Paint API
- 🇺🇸 Smarter custom properties with Houdini’s new API
- 🇺🇸 CSS Properties & Values API demos
- 🇺🇸 @property: giving superpowers to CSS variables
- 🇷🇺 20 вопросов про веб-шрифты
- 🇷🇺 Исчерпывающее руководство по стратегиям загрузки веб-шрифтов
- 🇺🇸 23 minutes of work for better font loading
- 🇺🇸 Web fonts and performance
- 🇺🇸 Набор утилит для работы со шрифтами под macOS
- 🇺🇸 CSS font-display: The Future of Font Rendering on the Web — про font-display
- 🇷🇺/🇺🇸 Glyphhanger — инструмент для оптимизации шрифтов перевод/оригинал
- 🇺🇸 eBay’s Font Loading Strategy
- 🇷🇺/🇺🇸 Система font fallback: что происходит, когда шрифт не может найти нужный символ перевод/оригинал
- 🇺🇸 🔥 SYSTEM FONT STACK
- 🇺🇸 Introduction to variable fonts on the web
- 🇷🇺/🇺🇸 Введение в вариативные шрифты перевод/оригинал
- 🇷🇺 Вариативные шрифты
- 🇷🇺/🇺🇸 Вариативные веб шрифты перевод/оригинал
- 🇷🇺/🇺🇸 🔥 Как использовать вариативные шрифты в реальном мире перевод/оригинал
- 🇺🇸 Variable Fonts — каталог вариативных шрифтов
- 🇺🇸 How New Font Technologies Will Improve The Web
- 🇺🇸 Вариативные шрифты, доступные в Google Fonts
- 🇷🇺 Инструкция: CSS-оптимизация веб-страницы для печати
- 🇷🇺/🇺🇸 Я совсем забыл о стилях для печати перевод/оригинал
- 🇺🇸 Проверка поддерживаемости CSS в письмах
- 🇷🇺 Шрифт ваших писем портит вам жизнь 🕐 не используйте Helvetica и Arial в письмах
- 🇺🇸 Bulletproof email buttons — генератор кнопок-ссылок с поддержкой Outlook
- 🇺🇸 Can I email...
- 🇺🇸 HEML — markup language for building responsive email
- 🇷🇺 Рассылай и властвуй: вёрстка рассылки тогда и сейчас
- 🇷🇺/🇺🇸 Понимание вьюпорта WebView в iOS 11 перевод/оригинал
- 🇷🇺/🇺🇸 Микробраузеры повсюду. Но что мы о них знаем? перевод/оригинал
- 🇺🇸 The joy and challenge of developing for KaiOS
- 🇺🇸 Introducing Web APIs for Dual Screen and Foldable Devices
- 🇺🇸 Current Web on Galaxy Fold
- 🇺🇸 Gettin’ Foldy with the Dual-screen Web part 1, part 2
- 🇺🇸 Folding the Web
- 🇺🇸 Web Accessibility Resources
- 🇺🇸 a11yresources
- 🇷🇺/🇺🇸 Чему меня научил год изучения и преподавания доступности перевод/оригинал
- 🇺🇸 Screen Reader User Survey #7 Results
- 🇷🇺 Доступность и закон
- 🇺🇸 Hiding DOM elements
- 🇺🇸 Fix 85% of your Web Accessibility issues in 5 easy steps
- 🇷🇺 Всё, что нужно знать про ARIA Live Regions
- 🇺🇸 The “D” in the DOM
- 🇺🇸 Move Ya! Or maybe, don't, if the user prefers-reduced-motion!
- 🇺🇸 What the Heck is ARIA? A Beginner's Guide to ARIA for Accessibility
- 🇺🇸 The difference between keyboard and screen reader navigation
- 🇺🇸 Top 5 Questions Asked in Accessibility Trainings
- 🇺🇸 The Business Case for Digital Accessibility
- 🇺🇸 The Anatomy of Accessible Forms: Required Form Fields
- 🇷🇺 Разработка доступных интерфейсов
- 🇺🇸 Using the HTML title attribute – Updated March 2020
- 🇺🇸 I Used The Web For A Day Using A Screen Reader
- 🇷🇺/🇺🇸 Как правильно “делать” семантику перевод/оригинал
- 🇺🇸 Why use a form element when submitting fields with JavaScript?
- 🇺🇸 Create Amazing Password Forms
- 🇷🇺 Государственный сайт, доступный для людей с ограниченными возможностями
- 🇷🇺 Доступность сайтов для «самых маленьких»
- 🇺🇸 Tools for Developing Accessible Websites
- 🇷🇺/🇺🇸 Дело не в моральных принципах: доступность нужна всем перевод/оригинал
- 🇺🇸 External Links, New Tabs, and Accessibility
- 🇺🇸 Changing the Reading Order of a Page with ARIA Flowto
- 🇺🇸 The CSS "content" property accepts alternative text
- 🇺🇸 How to make inline error messages accessible
- 🇺🇸 Accessibility for Vestibular Disorders: How My Temporary Disability Changed My Perspective
- 🇷🇺 Технические предпочтения пользователей с нарушениями зрения в 2020 году. Исследование Яндекса
- 🇷🇺 Недоступность в картинках
- 🇺🇸 5 самых раздражающих особенностей веб-сайта, с которыми я сталкиваюсь каждый божий день, будучи слепым
- 🇺🇸 Разница между aria-label и aria-labelledby
- 🇺🇸 Not so short note on aria-label usage – Big Table Edition
- 🇷🇺/🇺🇸 Советы по доступности интерактивных элементов на мобильных устройствах перевод/оригинал
- 🇷🇺/🇺🇸 Фокусы со стилями для фокуса перевод/оригинал
- 🇷🇺 Как русскоязычные пользователи с особыми потребностями пользуются сайтами
- 🇺🇸 Alt vs Figcaption
- 🇺🇸 What a Year of Learning and Teaching Accessibility Taught Me
- 🇺🇸 Accessibility according to actual people with disabilities
- 🇺🇸 Van11y – A collection of accessible scripts, made in ES2015
- 🇷🇺/🇺🇸 Инклюзивные компоненты: тултипы и тоглтипы перевод/оригинал
- 🇺🇸 Tooltips in the time of WCAG 2.1
- 🇷🇺 Инклюзивные компоненты: интерфейсы со вкладками перевод/оригинал
- 🇷🇺 Drag-&-Drop компоненты для слепых пользователей? Вы шутите?
- 🇷🇺/🇺🇸 Инклюзивные компоненты: сворачиваемые секции перевод/оригинал
- 🇷🇺/🇺🇸 🔥 Инклюзивные компоненты: слайдер перевод/оригинал
- 🇺🇸 Menus & Menu Buttons
- 🇷🇺/🇺🇸 Инклюзивные компоненты: переключатели перевод/оригинал
Также см. Оптимизация - графика
- 🇷🇺 Растровая и векторная графика
- 🇷🇺/🇺🇸 Полное руководство по отзывчивым изображениям! перевод/оригинал
- 🇺🇸 image orientation on the web
- 🇺🇸 Native lazy-loading for the web
- 🇷🇺/🇺🇸 Новый кодек AV1: ускоряем загрузку видео в браузере перевод/оригинал
- 🇺🇸 AV1: next generation video – The Constrained Directional Enhancement Filter
- 🇺🇸 H.264 is Magic
- 🇺🇸 Overlaying Video With Transparency While Wrangling Cross-Browser Support
- 🇺🇸 Auto-Play Policy Changes for macOS
- 🇺🇸 🔥 SSSVGInteractive SVG Reference
- 🇺🇸 Scaling SVG Elements
- 🇺🇸 Understanding the SVG viewBox
- 🇷🇺 Размеры в SVG
- 🇺🇸 SVG Filters 101
- 🇺🇸 SVG Filter Effects: Outline Text with
- 🇺🇸 SVG Filter Effects: Poster Image Effect with
- 🇺🇸 SVG Filter Effects: Duotone Images with
- 🇺🇸 SVG Filter Effects: Conforming Text to Surface Texture with
- 🇺🇸 SVG Filter Effects: Creating Texture with
- 🇺🇸 SVG Filter Effects: Moving Forward