Уроки по HTML

Именно с HTML начинается волшебство дизайна сайтов. Язык гипертекстовой разметки — это простой и элегантный способ структурирования контента. Читать далее

Медиа-запросы

@media at-правила используются для настройки стилей на определённых носителях: на экране или для печати. Но это можно довести до ещё большего уровня сложности, что позволит вам указывать различные варианты оформления в зависимости от размера экрана. Затем страница может быть оптимизирована и оформлена совершенно по-разному для мобильных телефонов, планшетов и различных размеров окна браузера. Читать далее

Градиенты

Изображения, демонстрирующие плавный переход от одного цвета к другому, разбросаны по всему Интернету. Однако CSS 3 позволяет вам размещать их в ваших дизайнах без необходимости создавать сам файл изображения. Читать далее

Преобразования

Ужасный мегабюджетный фильм Майкла Бэя о CSS?! Нет, мощное манипулирование формой, размером и положением окна и его содержимого с помощью свойства transform. Читать далее

CSS-фоны: кратные, размер и происхождение

Вы также можете наложить одно или несколько фоновых изображений на отдельные части вашей страницы, вы также можете применить несколько фонов, настроить размер фоновых изображений и определить происхождение фона на основе уровней модели box. Читать далее

Селекторы атрибутов

Что? Ещё селекторы? Чертовски верно. Потому что кто-то где-то действительно хочет, чтобы ваш HTML был как можно более аккуратным. Поэтому, прежде чем добавлять атрибут класса к тегу, посмотрите, можете ли вы просто настроить таргетинг на него по атрибуту, который, возможно, уже существует. Читать далее

At-Правила: @import, @media и @font-face

At-правила ─ это умные, мощные «маленькие обнимашки», которые инкапсулируют кучу правил CSS и применяют их к чему-то конкретному. Их можно использовать для импорта других файлов CSS, применения CSS к определённому носителю или встраивания необычных шрифтов funkysexy. Читать далее