Сатирические зарисовки на тему CSS, или Cюрпризы фронтенд-разработки

Делимся списком самых больших сюрпризов, которые CSS может преподнести начинающему веб-разработчику, и рассказываем, как к ним подготовиться.

CSS

Пошаговое руководство по созданию подсказок на чистом CSS

Прочитав это пошаговое руководство, вы научитесь создавать подсказки к элементам при помощи чистого CSS, без добавления HTML-элементов или JS-кода.

Обложка: Пошаговое руководство по созданию подсказок на чистом CSS
Обложка: Знакомство с созданием изображений на чистом CSS. Часть первая. Для начинающих

Знакомство с созданием изображений на чистом CSS. Часть первая. Для начинающих

Рассказываем об основах создания изображений на чистом CSS. Вы нарисуете прелестного коалу, а затем сможете пройти бесплатный обучающий курс от автора.

Курс «CSS: Flexbox»

В этом видеокурсе рассказывается о Flexbox — наборе свойств CSS, которые позволяют создавать по-настоящему гибкие макеты независимо от размера элементов.

Обложка: Курс «CSS: Flexbox»
Обложка: Идеальная 3-колоночная вёрстка средствами CSS

Идеальная 3-колоночная вёрстка средствами CSS

Самое правильное руководство по созданию трехколоночной верстки средствами CSS. Материал от нашего подписчика.

Лучшие проекты, в которых стоит поучаствовать, чтобы примкнуть к Open Source движению и развить свои навыки. Часть первая. Веб-разработка

Если вы интересуетесь жизнью Open Source сообщества и хотите к нему присоединиться, то эта серия подборок (которую мы продолжаем пополнять) придётся вам как нельзя кстати, ведь в ней собраны лучшие проекты…

Обложка: Лучшие проекты, в которых стоит поучаствовать, чтобы примкнуть к Open Source движению и развить свои навыки. Часть первая. Веб-разработка
Обложка: Знакомство с впечатляющими возможностями SVG-анимаций: пишем небольшую игру

Знакомство с впечатляющими возможностями SVG-анимаций: пишем небольшую игру

Рассказывает Грэг Хованесян  Идея игры Я уже достаточно давно знаком с SVG-анимациями и хорошо понимаю, как можно их использовать для создания анимированных спрайтов или дизайна веб-страниц. Такое сочетание, как GreenSock и…

Обложка: Создаём Солнечную систему на чистом CSS3. Часть третья. 3D-преобразования

Создаём Солнечную систему на чистом CSS3. Часть третья. 3D-преобразования

В этой статье мы закончим разбираться в принципах создания анимированной Солнечной системы на CSS3. В этот раз мы реализуем трёхмерный вид нашей системы. …

Создаём Солнечную систему на чистом CSS3. Часть вторая. Кейфреймы и тени

В этой статье мы продолжим разбираться в принципах создания анимированной Солнечной системы на CSS3. Мы рассмотрим использование keyframe-анимации для движения планет по орбитам вокруг Солнца и реализуем динамические тени на планетах. …

Обложка: Создаём Солнечную систему на чистом CSS3. Часть вторая. Кейфреймы и тени

Создаём Солнечную систему на чистом CSS3. Часть первая. Начальный этап, готовим сцену и фон

Анимированная Солнечная система на демке ниже — это настоящее произведение искусства. В этом цикле статей мы подробно рассмотрим все этапы её создания, шаг за шагом разобрав весь CSS-код, и познакомимся…

Обложка: Создаём Солнечную систему на чистом CSS3. Часть первая. Начальный этап, готовим сцену и фон

5 занимательных проектов, реализованных на CSS без использования JavaScript

Силу CSS легко недооценить. Для тех, кто использовал CSS2, это лишь инструмент для настройки стилей. C приходом CSS3 нам открылось море возможностей: от стилизации элементов до создания анимаций, ранее возможных…

Обложка: 5 занимательных проектов, реализованных на CSS без использования JavaScript

10 популярных фронтенд-элементов, для реализации которых не нужен JavaScript

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

Обложка: 10 популярных фронтенд-элементов, для реализации которых не нужен JavaScript
Обложка: 8 хитрых приёмов, реализуемых с помощью одного лишь CSS

8 хитрых приёмов, реализуемых с помощью одного лишь CSS

CSS может гораздо больше, чем вы от него ожидаете. С каждым годом этот язык становится всё мощнее, получая функционал, который раньше был только у JavaScript. В этой статье мы рассмотрим…

Обложка: Подборка шпаргалок для программистов

Подборка шпаргалок для программистов

Даже самые опытные программисты не всегда могут вспомнить название какого-нибудь свойства в CSS или правильное написание команды bash. Поэтому всегда удобно иметь у себя в закладках страницу, попав на которую…

Подборка полезных инструментов и библиотек для веб-разработчиков

Здесь вы найдете подборку инструментов для работы с HTML, CSS и JavaScript, которые упрощают выполнение рутинных задач и дают свободу творчеству.

инструменты веб-разработчика
Обложка: Современный CSS мощнее, чем вам кажется: 12 примеров, в которых вам не нужен JavaScript

Современный CSS мощнее, чем вам кажется: 12 примеров, в которых вам не нужен JavaScript

В наши дни CSS развивается очень быстрыми темпами и может полностью заменить традиционные способы реализации многих классических веб-фишек, для которых обычно использовался JavaScript. Приводим примеры некоторых из них.

5 нетривиальных моментов разработки фронтэнда на CSS

Ребята из Noveo нашли статью о некоторых аспектах использования CSS, на которые при верстке следует обратить особое внимание. После перевода материал был отдан на вычитку штатной верстальщице Светлане. Светлана нашла в…

Обложка: 5 нетривиальных моментов разработки фронтэнда на CSS

22 самых распространенных вопроса на собеседованиях на должность веб-разработчика

Качественная подготовка — один из ключевых элементов, необходимых для успешного прохождения собеседования, которым, к слову, часто пренебрегают. Несмотря на то, что данная статья не претендует на объективность, она включает в себя…

Обложка: 22 самых распространенных вопроса на собеседованиях на должность веб-разработчика