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

2 хв. читання

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

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

Unfolding the Box Model

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

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

CSS Diner

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

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

Learn CSS Selectors Interactively

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

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

Front End Web Development Quiz

5) Магія CSS

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

The Magic of CSS

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

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

Enjoy CSS

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

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

CSS Guidelines

8)CSS тригери

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

CSS Triggers

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

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

Code Guide by @mdo

10) Flexplorer

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

Flexplorer

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

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

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

Помітили помилку? Повідомте автору, для цього достатньо виділити текст з помилкою та натиснути Ctrl+Enter
Codeguida 3.9K
Приєднався: 11 місяців тому
Коментарі (0)

    Ще немає коментарів

Щоб залишити коментар необхідно авторизуватися.

Вхід / Реєстрація