kzhereb / knu-is-rivim2017

Discussing lectures, questions and other related topics for RiVIM course
0 stars 1 forks source link

Question 3.2. CSS last practices #21

Open viktor-yakubiv opened 6 years ago

viktor-yakubiv commented 6 years ago

Навести приклади ресурсів, що наводять (не завжди очевидні) методи чи прийоми використання CSS для реалізації різних вимог: розташування елементів, взаємодії з користувачем і т. д.

Популярним прикладом такого ресурсу є CSS Tricks, згаданий на слайді 104. Але, можливо, є й інші подібні сайти чи блоги?

viktor-yakubiv commented 6 years ago

A Single Div — проект Lynn Fisher, який показує всю потужність CSS на дуже обмеженій розмітці: <div></div>, тобто виключно одному елементі.

Опис технології автор подає в статті Магия одного div. Мастеркласс от создателя a.singlediv.com (переклад від спільноти Хабрахабр)

viktor-yakubiv commented 6 years ago

CSS Zen Garden (The Beauty of CSS Design) — проект, який показує повну силу CSS на типових веб-сайтих.

Ресурс пропонує написати стилі до поданої стандартної розмітки та створити власний дизайн сторінки. Також на сайті можна знайти каталог уже наявних рішень, які виглядають зовсім по-різному та досить гарно водночас.

viktor-yakubiv commented 6 years ago

Codrops — найсвіжіші новини в світі розмітки та використання CSS.

Щотижня автори роблять огляд останніх технологій front-end. Періодично пишуть статті про розробку різних речей з використанням трендових технологій, зараз SVG та WebGL. Також автори ведуть рубрику Blueprint, де показують способи створення речей, які часто застосовуються в повсякденному вебі, таких як навігація, кнопки, ліній завантаження тощо.