CSS Фичи

Набор Лоадеров на чистом CSS. Коллекция из восьми лоадеров, выполненных в разных стилях. Выбери себе понравившийся и интегрирую к себе! #анимация

​​Три закрытых канала для фронтендера + бонус. @build_html — сотни бесплатных макетов для верстки на русском языке. @frontend_tests — сборник задач (с их разбором) для прокачки теоретических знаний и подготовки к собеседованиям. @on_the_frontend — дайджест самых актуальных статей по фронтенду. @mobileux — уникальная подборка интерфейсов для мобильных приложений ⚠️ Доступ открыт на 3 дня, кто успеет подписаться, останется навсегда.

Кнопка бургер с выпадающим меню. Простое, но хорошо реализованное выпадающее меню. Меню бургера выполнено очень просто, хорошо подойдет для новичков. ❗ Использовались SCSS и JS. #бургер

Полноэкранный хидер. Нестандартная реализация хидера на сайте. Плавная анимация при скролле и появлении заголовка делает этот шаблон хорошим примером хидера для проектов разных тематик. ❗ Использовался SCSS.

Таймер обратного отчета. Таймер отчета времени на ваш сайт с плавной анимацией смены цифр. Сам код достаточно прост, что позволяет его легко интегрировать. ❗ Использовался SCSS. #таймер

Анимированная кнопка при наведении. При наведении на кнопку последовательно меняется цвет самой кнопки, также из углов выступает эффект пузырьков. ❗ Использовались SCSS и JS. #кнопка

Аккордеон на чистом CSS. Примеры реализации аккордеона с возможностью открывать все элементы блока или только один из элементов. #табы

Анимация при нажатии на кнопку. При нажатии на кнопку возникает плавная, но быстрая анимация разноцветных пузырьков. Подойдет для большинства различных проектов. ❗ Использовался CSS(SCSS). #кнопка

Анимация снега на чистом CSS. Интересная реализация анимации снега на чистом CSS. Прекрасно подойдет для тематических проектов как бэкграунд. #анимация

JavaScript теперь в телеграм! JavaScript — самый популярный язык в мире, он используется в 95% всех сайтов, которые вообще существуют. Теперь у JS есть русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсов. Стоит подписаться!

Галерея изображении с всплывающей информацией. Реализация галереи изображений с увеличением элемента при наведении и всплывающей информацией при нажатии на соответствующую иконку. 🍀 Без использования JS. #галерея

Кнопка с анимацией при наведении. Прекрасно подойдет для размещения почти на любой странице. Анимации исполнена плавно и качественно, без использования JS. #кнопка

Frontend Planet - канал с инструментами, без которых не обойдется ни один разработчик.

Разделенный главный экран. Пример выполнения главного экрана, когда необходимо предоставить выбор на вашем сайте. 🍀 Может пригодиться во многих проектах. #hover

Набор hover эффектов для кнопок. Коллекция из семи различных hover эффектов для ваших кнопок. Эффекты выполнены в нейтральном стиле и легко поддаются к редактированию и изменению под собственные решения! ❗ Использовался CSS(SCSS) #кнопка

Набор анимированных прогресс баров. Подборка из 10 довольно интересных и хорошо исполненных анимированных загрузчиков. 🍀 Написано на чистом CSS. Каждый код элементов выделен для удобного использования и интегрирования! #анимация

Преобразование из TTF в WOFF простым способом. TTF to WOFF Конвертер шрифтов — это бесплатное веб-приложение для преобразования шрифтов в Интернете. Выполнение преобразования занимает всего несколько секунд. 🔍 Формат шрифта TTF является одним из наиболее часто используемых форматов, но имеет свои недостатки и ограничения, как и все. По этой причине вам может потребоваться преобразовать TTF в WOFF в качестве дополнительного или более подходящего формата. #сервис

Форма регистрации в неоморфном стиле. Неоморфизм взял лучшие черты от скевоморфизма и плоского дизайна. Это позволило создать новый стиль, который называют мягким UI. Форма, выполненная в данном стиле может помочь лучше познакомиться с подобным направлением в дизайне. ❗ Использовался CSS(SCSS). #форма

Анимация набора текста. Простая, но очень эффектная анимация имитирующая набор текста. Подойдет для оформления главного экрана. #анимация

Карточки с анимацией наведения. Подобная реализация карточек будет прекрасно смотреться как в новостном сервисе, так и, например, личной странице или блоге. #hover