Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/blavikensbutcher/html-common-words

Слова, які часто використовуються в CSS-класах ✍️
https://github.com/blavikensbutcher/html-common-words

css css3 html ukrainian

Last synced: 9 days ago
JSON representation

Слова, які часто використовуються в CSS-класах ✍️

Awesome Lists containing this project

README 

        
Слова, які часто використовуються в CSS-класах ✍️ 



Зображення



`image`, `img`, `picture`, `pic` - картинка



`icon` — іконка



`logo` — логотип



`userpic`, `avatar` — юзерпік, маленька картинка користувача



`thumbnail`, `thumb` — мініатюра, зменшене зображення



Текст



`title`, `subject`, `heading`, `headline`, `caption` — заголовок



`subtitle` — підзаголовок



`slogan` — слоган



`lead`, `tagline` — лід-абзац у тексті



`text` — текстовий контент



`desc` — опис, варіант текстового контенту



`excerpt` — уривок тексту зазвичай використовується перед посиланням «Читати далі...»



`quote`, `blockquote` — цитата



`snippet` — приклад коду



`link` — посилання



`copyright`, `copy` — копірайт



Списки



`list`, `items` — список



`item` — елемент списку



Блоки



`page` — кореневий елемент сторінки



`header` — шапка (сторінки або елементу)



`footer` — підвал (сторінки або елементу)



`section` — контентний розділ (один з багатьох)



`main`, `body` — основна частина (сторінки або елементу)



`content` — вміст елементу



`sidebar` — бічна колонка (сторінки або елементу)



`aside` — блок з додатковою інформацією



`widget` — віджет (наприклад у бічній колонці



Розмітка



`wrapper`, `wrap` — обгортка, зазвичай зовнішня



`inner` — внутрішня обгортка



`container`, `holder`, `box` — контейнер



`grid` — розмітка (сторінки або елемента) у вигляді сітки (зазвичай містить row і col)



`row` — контейнер у вигляді рядка



`col`, `column` — контейнер у вигляді стовпця



Елементи керування



`button`, `btn` — кнопка, наприклад, для відправки форми



`control` — елемент керування, наприклад, стрілки «Вперед/назад» у фотогалереї, кнопки керування слайдером



`dropdown` — випадаючий список



Медіазапити



`phone`, `mobile` — мобільні пристрої



`phablet` — телефони з великим екраном (6-7")



`tablet` — планшети



`notebook`, `laptop` — ноутбуки



`desktop` — настільні комп'ютери



Розміри



`tiny`, `xs` — маленький, крихітний



`small`, `sm` — невеликий



`medium`, `base` — середній



`big`, `large`, `lg` — великий



`huge`, `xl` — величезний



`narrow` — вузький



`wide` — широкий



Різне



`search` — пошук



`socials` — блок іконок соцмереж



`advertisement`, `adv`, `commercial`, `promo` — рекламний блок (блокується блокувальниками реклами, не рекомендується використовувати такі класи для блоків з внутрішньою рекламою)



`features`, `benefits` — список основних особливостей товару, послуги



`slider`, `carousel` — слайдер, інтерактивний елемент з прокруткою вмісту



`pagination` — багатосторінкова навігація



`user`, `author` — користувач, автор запису або коментаря



`meta` — блок з додатковою інформацією, наприклад, блок тегів і дати у пості



`cart`, `basket` — кошик



`breadcrumbs` — навігаційна ланцюжок, "хлібні крихти"



`more`, `all` — посилання на повну інформацію



`modal` — модальне (діалогове) вікно



`popup` — спливаюче вікно



`tooltip`, `tip` — підказки



`preview` — анонс, відокремлений уривок, наприклад, новини або запису, може містити заголовок, опис і зображення. Передбачається посилання на повну версію



`overlay` — накривальний шар, наприклад, для затемнення зображень або створення модальних вікон



Стани



`active`, `current` — активний елемент, наприклад, поточний пункт меню



`visible` — видимий елемент



`hidden` — прихований елемент



`error` — статус помилки



`warning` — статус попередження



`success` — статус успішного виконання завдання



`pending` — стан очікування, наприклад, перед зміною статусу на error або success