Светлана Коробцева
🧞♀️ Веб-дизайнер с несколькими уровнями в программировании. Берегу визуальную целостность Доки, помогаю авторам выражать смыслы в графической форме.
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>
-
<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
- Атрибут
size
- Атрибут
tabindex
- Атрибуты
data
- * - Атрибуты
minlength
иmaxlength
- Поток документа
- Таблицы
- Устаревшие теги
- Что такое семантика?
Автор совета
CSS
Контрибьютор
-
:active
-
:
: after -
align
- items -
attr
( ) -
background
- color -
background
- image -
background
- position -
background
- repeat -
background
- size -
:
: before -
border
-
border
- image -
border
- radius -
box
- shadow -
box
- sizing -
calc
( ) -
:checked
-
clamp
( ) -
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 -
object
- fit -
padding
-
:
: placeholder -
:placeholder
- shown -
position
-
position
: sticky -
quotes
-
:required
-
text
- align -
text
- decoration -
text
- rendering -
text
- shadow -
text
- transform -
transform
-
transform
- origin -
transform
- style -
transition
-
transition
- delay -
vertical
- align -
visibility
-
:where
( ) -
white
- space -
width
-
z
- index - Гайд по flexbox
- Гайд по grid
- Единицы измерения
- Кастомные свойства
- Комбинированные селекторы
- Наследование
- Перечисление селекторов
- Псевдоклассы
- Псевдоклассы группы child
- Псевдоклассы группы type
- Псевдоэлементы
- Селектор по атрибуту
- Селектор по классу
- Селектор по тегу
- Селектор потомка
- Функции CSS-трансформации
Автор совета
JavaScript
Контрибьютор
-
.add
Event Listener ( ) -
alert
( ) -
confirm
( ) - Debounce на примере формы поиска
-
DOM
Content Loaded -
Element
-
.every
( ) -
.filter
( ) -
.find
( ) -
.for
Each ( ) -
load
-
local
Storage -
.map
( ) -
mouseout
-
mouseover
-
Number
. isNa N ( ) -
.remove
Event Listener ( ) -
scroll
-
.scroll
Into View ( ) -
.scroll
To ( ) -
session
Storage -
.some
( ) -
wheel
- Подгрузка контента при прокрутке
- Позиционирование элементов с помощью JS
- Работа с формами
- Событийная модель
- Функция
Доступность
Контрибьютор
-
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
- Skip link
-
status
-
switch
-
tab
-
tablist
-
tabpanel
-
timer
-
tooltip
- Введение в ARIA
- Влияние CSS на доступность
- Как описывать картинки
- Как скрыть содержимое от скринридеров
- Что такое изменяющаяся область