Светлана Коробцева
🧞♀️ Веб-дизайнер с несколькими уровнями в программировании. Берегу визуальную целостность Доки, помогаю авторам выражать смыслы в графической форме.
Первый вклад в Доку
Дата первого пул реквеста: 25 марта 2021. Можно получить, написав материал или внеся существенные правки
Трудоголик
За контрибьют 1 января 2024 года.
Сто пулреквестов в Доке
Можно получить, если сто твоих пулреквестов слиты в основную ветку
HTML
Контрибьютор
-
<a> -
<abbr> -
<area> -
<audio> -
<b> -
<bdi> -
<bdo> -
<blockquote> -
<br> -
<canvas> -
<cite> -
<code> -
<data> -
<datalist> -
<del> -
<details>,<summary> -
<dfn> -
<dialog> -
<div> -
<dl>,<dd>,<dt> -
<em> -
<embed> -
<fieldset> -
<footer> -
<form> -
<header> -
<h1>...<h6> -
<hr> -
<i> -
<img> -
<input> -
<ins> -
<kbd> -
<label> -
<legend> -
<map> -
<mark> -
<meter> -
<nav> -
<object> -
<option> -
<output> -
<picture> - Popover API
-
<progress> -
<q> -
<s> -
<samp> -
<script> -
<search> -
<select> -
<small> -
<source> -
<span> -
<strong> -
<style> -
<sub> -
<sup> -
<svg> - SVG-спрайт
-
<textarea> -
<time> -
<u> -
<var> -
<video> -
<wbr> - Атрибут
class - Атрибут
dir - Атрибут
disabled - Атрибут
for - Атрибут
inert - Атрибут
inputmode - Атрибут
multiple - Атрибут
novalidate - Атрибут
placeholder - Атрибут
rel - Атрибут
size - Атрибут
tabindex - Атрибуты
data- * - Атрибуты
minlengthиmaxlength - Поток документа
- Таблицы
- Устаревшие теги
- Что такое семантика?
Автор совета
CSS
Контрибьютор
-
:active -
:: after -
align- items -
attr( ) -
:: backdrop -
background- color -
background- image -
background- position -
background- repeat -
background- size -
:: before -
border -
border- image -
border- radius -
box- shadow -
box- sizing -
calc( ) -
:checked -
clamp( ) -
color( ) -
color -
content - CSS-анимации
-
cursor -
:disabled,:enabled -
display -
:empty -
:focus -
font- family -
font- size -
font- style -
font- weight -
height -
:hover -
:in,- range :out- of - range -
:invalid,:valid -
@layer -
letter- spacing -
line- height -
list- style - image -
list- style - position -
list- style - type -
mix- blend - mode - Mobile-first vs Desktop-first
-
object- fit -
orphans -
padding -
:: placeholder -
:placeholder- shown -
position -
position: sticky -
prefers- color - scheme -
quotes -
:required -
text- align -
text- decoration -
text- rendering -
text- shadow -
text- transform -
text- wrap -
transform -
transform- origin -
transform- style -
transition -
transition- delay -
vertical- align -
visibility -
:where( ) -
white- space -
widows -
width -
z- index - Гайд по flexbox
- Гайд по grid
- Единицы измерения
- Кастомные свойства
- Комбинированные селекторы
- Наследование
- Перечисление селекторов
- Псевдоклассы
- Псевдоклассы группы child
- Псевдоклассы группы type
- Псевдоприватные кастомные свойства
- Псевдоэлементы
- Селектор по атрибуту
- Селектор по классу
- Селектор по тегу
- Селектор потомка
- Функции CSS-трансформации
Автор совета
JavaScript
Контрибьютор
-
.addEvent Listener ( ) -
alert( ) -
confirm( ) - Debounce на примере формы поиска
-
DOMContent Loaded -
Element -
.every( ) -
.filter( ) -
.find( ) -
.forEach ( ) -
load -
localStorage -
.map( ) -
Math. random ( ) -
mouseout -
mouseover -
Number. isNa N ( ) -
Promise -
.removeEvent Listener ( ) -
scroll -
.scrollInto View ( ) -
.scrollTo ( ) -
sessionStorage -
.some( ) -
touch -
wheel - Подгрузка контента при прокрутке
- Позиционирование элементов с помощью JavaScript
- Работа с формами
- Событийная модель
- Функция
Доступность
Контрибьютор
-
alert -
alertdialog -
aria- atomic -
aria- busy -
aria- controls -
aria- current -
aria- describedby -
aria- description -
aria- details -
aria- errormessage -
aria- expanded -
aria- flowto -
aria- haspopup -
aria- hidden -
aria- invalid -
aria- keyshortcuts -
aria- label -
aria- labelledby -
aria- level -
aria- modal -
aria- owns -
aria- relevant -
aria- roledescription -
blockquote -
button -
contentinfo -
dialog -
figure -
forced- colors -
log -
mark -
marquee -
menu -
menubar -
menuitem -
navigation -
prefers- reduced - motion -
prefers- reduced - transparency -
presentation,none -
search - Skip link
-
status -
switch -
tab -
tablist -
tabpanel -
timer -
tooltip - Введение в ARIA
- Влияние CSS на доступность
- Доступное имя и описание
- Как описывать картинки
- Как скрыть содержимое от скринридеров
- Распознавание речи
- Что такое изменяющаяся область