CSS Фичи

Слайдер с полным адаптивом. Отличный вариант слайдера выполненный в нейтральном стиле, что позволяет использовать в разных проектах. Простые, но плавные анимации, а также адаптив под любые устройства. 🍀 Что используем: html, css, js #слайдер

Набор кнопок и чекбоксов. В наборе собраны кнопки и чекбоксы в стиле реализма и 3D-дизайна. Подобный стиль и сейчас пользуется популярностью на некоторых сервисах! Если нужно изменить код, ниже написаны классы каждого элемента, что упрощает редактирование. 🍀 HTML,CSS,jQuery Бери код себе, изменяй, экспериментируй, интегрируй! #чекбокс

Ищешь подборку крутой анимации для вдохновения? В канале Animation_box ты найдешь много анимации веб-сайтов, интерфейсов, дашбордов и просто интересной 3D-анимации. Особенно будет полезно веб и моушн-дизайнерам. Подписывайся и прокачивай свою насмотренность вместе с нами!

Ищешь макеты реальных проектов для практики верстки? Канал макеты figma для тебя!  Здесь ты найдешь Figma макет который тебе по душе, еще и в описании постов указан уровень сложности, тип и адаптивность макета. Заходи не пожалеешь, ведь автор канала публикует их каждый день🙂 👉@figmamakets

3D карусель с эффектом размытия. Не плохая реализация карусели с использованием стилей CSS и JavaScript. Особенностью является приятный дизайн в 3D, который при возможности легко редактировать под себя. 🍀 React + SCSS

Простое и понятное обучение frontend? В канале Разработка на максималках ты найдешь структурированное обучение javascript с теорией, примерами и тестами для практики. Подпишись и ускорь своё обучение!

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

Что изучать front end разработчику в 2022? FrontEndDev подскажет и покажет! Здесь выкладывают: ▫️туториалы по языкам программирования и современным фреймворкам; ▫️библиотеки, упрощающие разработку; ▫️советы по архитектуре; ▫️лучшие практики по написанию эффективного кода; ▫️фишки JS / TS / NodeJS / CSS. Подписывайся и прокачивай свой уровень до гуру!

Песочницы для разработки кода. Что это? Песочницы — онлайн-редакторы кода. Вы можете сверстать фрагмент кода, страницу, проект или написать программу и сразу же увидеть результат работы. 5 самых популярных сервисов: 🍀 CodePen — обладает очень гибкими настройками. Позволяет выбирать препроцессоры, фреймворки и пакеты JS. 🍀 JSFiddle — песочница с функциональностью, похожей на CodePen. 🍀 Plunker похож на стандартный редактор кода, в который добавили окно предпросмотра. ❗Может не подойти новичкам. 🍀 StackBlitz — песочница на базе Visual Studio. Главная особенность: возможность работать оффлайн. 🍀 CodeSandbox — сервис интегрирован с GitHub, поэтому можно импортировать файлы из существующего репозитория и работать с ними в песочнице. Или наоборот. #сервис

💡 ТехноГайд | Фронтенд — канал для верстальщиков, в котором публикуют: ✓ полезные лайфхаки ✓ фичи в верстке ✓ фреймворки Все представлено в виде готового кода, бери и юзай в своем проекте.

Карточка товара с 3D эффектом наведения. Анимация открытия карточки товара. Будет хорошо смотреться на любой странице сайта. Скорее забирай код себе и интегрируй! #анимация

Checklist  Анимированный чеклист, реализованный с помощью только HTML и CSS. Отличный пример для практики, который пригодится в дальнейшей работе, не так ли? Попробовать свои силы Не теорией единой, без практики написание кода никуда! Frontend Challenge — канал с ежедневными примерами для прокачки своих скиллов, а также вариантами их решения. Подписывайтесь и практикуйтесь каждый день 💪🏻

Адаптивный вертикальный слайдер. Простой, но при этом элегантный слайдер. Отлично подойдет для информации любого типа. Плавные анимации наведения, появления и скролла. Также, в каждом блоке имеется кнопка. 🍀 Что используем: scss, js, swiper, jquery.

Нужна анимация на сайт, но некогда создавать ее самостоятельно? ➡️ Найдите для себя готовые варианты в канале Анимируй. Смотрите анимацию в действии прямо в телеграм, находите аналоги с помощью хэштег-навигации и забирайте готовый код на свой сайт. ⬇️ Подписывайтесь, чтобы не пропустить анимацию, которая бы классно смотрелась на вашем сайте.

Часто работаете с сайтами? Нужен нормальный хостинг за адекватные деньги? Тогда совет для всех верстальщиков и фронтов: попробуйте Link-Host. Это тот случай, когда за 60 рублей вы получаете вообще всё, что нужно для работы с сайтом: • возможность поставить от 10 доменов и до бесконечности • безлимитный трафик • быстрый перенос сайтов со старого хостинга, который больше вам не подходит • 1 домен в подарок • средний uptime серверов 99.9% • скидка при заказе и продлении хостинга 🎁 Для новых пользователей мы сделали классную фишку: 30 дней бесплатного использования. Если не понравится – вернём деньги. Переходите и подключайте хостинг, на который можно положиться: Link-Host

Шпаргалка по Grid CSS. На данном ресурсе представлена вся основная информация по работе с CSS Grid, наглядно! Особенностью ресурса в том, что все стили свойств отображены в виде кода и можно видеть их визуальное отображение. Шпаргалка отлично подойдет для изучения Grid. #grid

100+ задач по фронту, которые помогут улучшить твой скилл! Пытаешься запомнить свойства, методы и теги? —Зачем? Я тебе помогу! Начал изучать верстку и ты получаешь много информации которую не реализовываешь на практике? В последствии забываешь? —Да говорю же тебе, я помогу! Забываешь свойства css и не хватает практики? Хватит писать говнокод💩, переходи по ссылке! Админ канала ежедневно публикует задачи html/css/js

Большой набор кнопок-переключателей. В данном наборе собрано 15 видов кнопок переключения. У каждой из них свой стиль, анимация переключения, световая гамма. Есть возможность быстрого редактирования под стиль своего сайта. А учитывая факт того, что для написания не использовался JS, это становится актуальным для многих новичков! 🍀 HTML(Мопс) + FontAwesome #чекбокс