CSSBattle — насколько вы хороши в CSS?

CSSbattle.dev — соревновательная онлайн-игра для верстальщиков. Задача игроков — используя свои навыки HTML и CSS, воспроизвести 12 несложных геометрических рисунков, затратив на это минимум строк кода.

Кому удалось лаконичнее написать, тому и достается победа.

Игра захватывает с самого начала, а выяснение, какая хитрость помогла сопернику сэкономить драгоценные строки, только добавляет игрового азарта.

#ресурс #css

📺 Верстка сайта на CSS и HTML

В этом видеокурсе вы с нуля научитесь верстать сайт на CSS и HTML. Видеокурс рассчитан на начинающих: в нём нет препроцессоров, сборщиков и каких-либо инструментов — только HTML и CSS!

1. Подготовка к работе [YouTube]
2. Работа с трансформацией [YouTube]
3. Продолжение верстки сайта [YouTube]
4. Верстка блока аккордеона [YouTube]
5. Подключение Fontawesome [YouTube]
6. Структура новых блоков [YouTube]
7. Верстка блога и подвала сайта [YouTube]
8. Адаптивная верстка [YouTube]
9. Адаптация сайта под разные устройства [YouTube]
10. Мобильная навигация и бургер-меню [YouTube]
11. JQuery-скрипты [YouTube]
12. Хостинг и домен [YouTube]

#css #rus

CSS Gradient

cssgradient.io — это небольшой веб-сайт и бесплатный инструмент, который позволяет создавать градиентный фон для веб-сайтов. Помимо того, что он является генератором градиентов CSS, сайт также полон красочного контента о градиентах от технических статей до реальных примеров градиентов, таких как Stripe и Instagram.

#сервис #css #web

HTML-CSS-JS

html-css-js.com — онлайн-редактор HTML, CSS и JS с мгновенным предварительным просмотром. Трио HTML-CSS-JS — это части всех веб-сайтов, с которыми взаимодействуют пользователи. Повысьте эффективность вёрстки и обеспечьте максимальное удобство для пользователей с помощью коллекции бесплатных онлайн-инструментов! Больше подробностей на сайте.

#сервис #html #css #js #web

Online Transform CSS Generator

По данной ссылке вы можете перейти на онлайн-генератор transform в CSS, в котором доступны следующие параметры: масштабирование, поворот, преобразование и наклон.

Данный инструмент является одним из разделов ранее упоминаемого HTML-CSS-JS.

#сервис #css

CSS Layout

csslayout.io — отличная шпаргалка, которая поможет вам быстро настроить популярные макеты пользовательского интерфейса и страниц. Существует также множество предварительно стилизованных элементов, таких как формы для ввода, виджеты и другие компоненты, которые вы можете быстро скопировать и использовать в своих проектах.

#сервис #css

📺 Профессиональная верстка сайта

1. Адаптивное меню на чистом html css [YouTube]
2. Flexbox для каждого [YouTube]
3. Адаптивный макет [YouTube]
4. CSS Grid простыми словами [YouTube]
5. JavaScript подключаем [YouTube]
6. Быстро на flexbox [YouTube]
7. Flexbox блоки [YouTube]
8. Адаптивность под экран iphone X [YouTube]
9. Footer, заканчиваем сайт [YouTube]
10. Как загрузить сайт на хостинг [YouTube]

#Видео #html #css #rus

📺 CSS Basics

1. Введение [YouTube]
2. Базовый синтаксис и применение стилей [YouTube]
3. Простые селекторы [YouTube]
4. Составные селекторы [YouTube]
5. Псевдоэлементы и псевдоклассы [YouTube]
6. Каскадность и наследование [YouTube]
7. Блочная модель и отступы [YouTube]
8. Позиционирование и размеры [YouTube]
9. Единицы, переполнение и уровни элементов [YouTube]
10. Плавающие элементы и очистка потока [YouTube]

Продолжение в плейлисте на YouTube.

#Видео #CSS #rus

📺 Современная верстка сайта с нуля

1. Начинаем с нуля [YouTube]
2. Адаптивное меню на CSS [YouTube]
3. FlexBox верстка карточки [YouTube]
4. jQuery категории [YouTube]
5. Адаптируем сайт под мобильные [YouTube]
6. Слайдер jQuery [YouTube]
7. Css Grid, grid-template-columns [YouTube]

#Видео #html #css #js #rus