Анимированные животные на CSS и SVG

Сегодня я покажу вам, как использовать чистый HTML, упорядоченную CSS анимацию, а также SVG фильтры для реализации невероятной (и восхитительной) идеи - анимированные животные на веб-странице. Мы воспользуемся двумя методами для рисования животных: первый метод - простой HTML и CSS, второй метод - инлайновые фоновые SVG изображения.

Изучаем Sass за 15 минут

Если вы пишете обильное количество CSS кода, препроцессор может значительно уменьшить уровень стресса и сэкономить много драгоценного времени. Такие инструменты, как Sass, Less, Stylus или PostCSS помогают упростить поддержку больших и сложных таблиц стилей и делают их более понятными. Благодаря таким функциям, как переменные, функции и примеси, код становится более организованным, что позволяет разработчикам работать быстрее и допускать меньше ошибок.

Как использовать Sass Mixins

Sass - невероятный инструмент разработки, который повышает производительность с легкостью решает сложные CSS задачи. В сегодняшней статье мы поговорим о Sass Mixins (примесях), и ответим на вопросы - что, зачем и как это использовать?

Расширяем Sass с помощью PostCSS

Недавно в Twitter мне задали вопрос - "Почему вы используете PostCSS совместно с Sass, что это вам дает?". Поэтому я решил написать небольшую статью о том, как я использую PostCSS в сочетании с Sass.

Создание Color Wheel на Jade и Sass

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

Структурирование Sass: Скажите пока неоднозначности атомарного дизайна

Атомарный дизайн представляет собой методологию с изложением разумной структуры кода для таблиц стилей. Он имеет много последователей, но я считаю его именование конвенций может быть неоднозначным. Что такое молекула? Что такое организм? Где провести грань между этими двумя понятиями? Эти конкретные вопросы, кажутся, самым большим камнем преткновения для интерпретации атомной архитектуры.

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.