11 ресурсів для вивчення CSS

1) Розгортання Box-моделей

Інтерактивні слайди для вивчення CSS 3D-Трансформацій. Навігація з допомогою клавіш "вліво" та "вправо". Дивитися на повний екран для отримання кращих результатів.

2) "CSS Закусочна"

Гарно сконструйована маленька гра, щоб допомогти вам вивчити CSS селектори. Введіть правильний селектор для завершення кожного рівня. Ви також можете обрати рівень, відкривши "гамбургер-меню" праворуч.

3) Інтерактивне вивчення CSS селекторів

Проста візуалізація селекторів в CSS. Виберіть селектор в меню зліва і правильно вибрані елементи будуть відображатися в з правої сторони, з коротким описом селектора під меню.

4)Вікторина для Front End Web-Розробників

Frontend вікторина. У першому розділі - про CSS.

5) Магія CSS

Посібник з основ CSS на 6 розділів, очікується декілька нових розділів. Багато корисних та цікавих речей.

6) Насолоджуйся CSS

Подібний до CodePen майданчик для вивчення CSS.Ви можете вибрати CSS функції і потім використовувати графічний інтерфейс для редагування.

7)CSS Рекомендації

Гаррі Робертс оновив свій ресурс для вивчення CSS. Раніше просто GitHub repo, Guidelines, тепер мають власний домен. Розширений та поліпшений функціонал. Була реалізована модель "pay what you want (плати за те, що тобі потрібно)" для підтримки розвитку.

8)CSS тригери

Короткий довідник для тих, хто цікавиться, що відбувається на сторінці при зміні CSS властивістей. Цей довідник охоплює всі властивості і має зручний пошук.

9) Посібник по коду від @mdo

Безліч цінних порад про атрибути HTML, селектори, коментарі і багато іншого.

10) Flexplorer

Простий додаток, щоб розібратися з різними можливостями flexbox. Результати відображаються в реальному часі на одній сторінці разом з повним кодом.Ви також можете редагувати текст в текстових полях на сторінці, що дозволяє бачити, як різна кількість контенту впливає на результат.

11) CSS-селектори: орієнтуємося в HTML як профі

Новий курс з CSS селекторів, більше 20 відео про впровадження різних способів вибору елементів з допомогою CSS. Якщо ви тільки знайомитеся з CSS і ще не встигли освоїти селектори - це може бути хорошим вибором.

Джерело