Полезная вЁрстка

What if Sliders actually slid? - интересная реализация ползунка для изменения значения. Приколюха заключается в том, что можно как бы разогнать его и он полетит будто по инерции вперёд, если скорость велика, то он отпрыгнет назад и тд. #css

Remove Elipsis & Reveal - реализация скрытия и раскрытия текста. #css #html

Стать партнером Яндекса и зарабатывать на рекламе - правда или миф? Это чистая правда! Эта девушка инвестирует в доходные сайты уже не первый год. Главная фишка - можно зарабатывать в любых условиях рынка. Целое поколение людей инвестирует в фондовый рынок или по старинке вкладываются в недвижимость, а в кризис остаются без штанов. 🔻Анна Абрамова на своем канале буквально по буквам объясняет - что такое «инвестиции в доходные сайты» → почему это безопасно и главное прибыльно, что год назад, что сейчас. Для этого не надо быть программистом или айтишником. Подписался на канал, изучил - заработал (https://t.me/abramovalive)👇 Анна Абрамова – Про Доходные Сайты Анна Абрамова – Про Доходные Сайты Анна Абрамова – Про Доходные Сайты

Quick details with zoom view — адаптивные карточки товаров с подробным просмотром товара в модальном окне. Реализованы с помощью CSS и jQuery. #css #jquery

Animated Periodic Table — анимация элементов таблицы Менделеева в зависимости от агрегатного состояния вещества: твердое, жидкое или газообразное. Реализована с помощью D3.js. #d3js

Всё ещё платишь деньги за курсы? Фатальная ошибка. Сборник IT знаний — именно в этот канал ежедневно сливают все самые свежие курсы по программированию. Нет смысла платить за бесплатный контент. Будь в курсе актуальных сливов: @sbornik_it

GTA 5 poster — постер для игры GTA 5, реализованный на чистом CSS. #css

Textarea auto height — автоматическая увеличение и уменьшение высоты текстовой области в зависимости от количества вводимого внутри текста. Реализовано с помощью JavaScript. #javascript

Дизайнишь/верстаешь? Облегчи и ускорь свою работу за три клика ~ Как обратить свои знания в навыки и деньги? ~ Чем набить портфолио, чтоб у всех слюни текли? ~ Как делать макеты и прототипы круче и продавать их дороже? Не ломай голову, подписывайся: Макеты для верстки — канал с макетами разной сложности для верстальщиков и UI/UX дизайнеров любого уровня. Оттачивай мастерство, чтобы стать лучшим Codepen — готовые коды: реализованные на css и js анимации, скрипты и интерфейсы. Оживи статичные макеты Одна ссылка в день — один сервис для работы, бизнеса и жизни ежедневно. Упрости жизнь, освободи на нее время Мультитул разработчика — все необходимое в одном месте

Sparkling circles — сверкающиеся круги из частиц, которые вращаются с разной скоростью. Реализованы с помощью CSS и JavaScript. #css #javascript

Animated gooey menu bar - меню с "липкой" анимацией при переходе с одного раздела на другой. #css #html

Не умеешь в js? Канал для начинающих в JavaScript поможет вам сделать ваш сайт чуточку интерактивнее. Подпишись!

<meta name="theme-color"> - палитра цветов. Можно встроить в сайт, например для того, чтобы пользователь сам мог менять себе фон. #css

Matter Chaos - некий маятник, который при каждом обновлении деалет разные движения. Можно использовать как прелоадер пока загружаются данные на странице. #css

Собрали специально для тебя подборку полезных каналов со своим фирменным стилем: Сайт, Сэр - канал, где публикуются полезные материалы для разработчика. Тут ты найдешь: Нейросети - сделают за тебя всю грязную работу Сниппеты - реализуют различные фишки на сайте Сервисы - упростят и сэкономят время Библиотеки - помогут быстро решить задачу JavaScript инструменты — канал, посвященный одному из самых популярных языков программирования. На него подписаны, как начинающие, так и практикующие разработчики. Тут тебя ждут: Еженедельные викторины и тесты Незаменимые в работе библиотеки Готовые сборки и код для реализации твоих проектов Cделай свой выбор:

Emerging Tooltip - лаконичная реализация всплывающей подсказки при наведении мыши на иконку. #css #html

Image Hover Effects — несколько вариантов эффектов при наведении на блоки с изображением и текстом. Реализованы на чистом CSS. #css

Хочешь освоить Photoshop без напряжённых часовых туториалов и лекций? Тогда тебе на канал Photoshop за 59 sec. Короткие уроки по обработки фотографий, ролики с разбором инструментов и фишек программы. P.S. все видео на русском языке.

CodePen Home Progress Circle - Анимация круга загрузки с процентами #css #javascrip

Moon and stars — полумесяц на ночном небе с анимацией движения звезд, реализованный на чистом CSS. #css