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

CSS Color/Gradient Editor — редактор CSS-кода для цветов и градиентов. Есть готовые пресеты, цвета для генерации, а также готовая библиотека цветов. Получившийся CSS-код можно скопировать для своего проекта. #css

Научиться вёрстке сайтов стало еще легче! В этом канале собраны бесплатные, структурированные уроки и различные материалы по HTML, CSS, JS. Также автор делится советами по заработку на фрилансе. Канал будет полезен: 1. начинающим и опытным верстальщикам 2. программистам 3. веб-дизайнерам Научиться и зарабатывать на верстке: https://t.me/free_html_lessons

Toggle — кнопки переключения, реализованные с помощью тега input + CSS и тега button + JavaScript. #css #javascript

Responsive Social Platform UI — адаптивный интерфейс социальной платформы, реализованный с помощью Alpine.js #alpinejs #javascript

Самое время прокачать свои фронтовые навыки! Админы FrontEndDev собрали для тебя актуальную информацию по веб разработке. 👉 На канале найдешь фишки и тонкости по работе с JS/TS/CSS, лучшие практики написания эффективного кода, а также туториалы по работе с современными фреймворками и многое другое! Подписывайся и развивайся с FrontEndDev!

Liquid Button v2 — коллекция жидких SVG-кнопок с разной стилизацией и разной анимацией, реализованные с помощью JavaScript. #javascript

Neumorphic Light Switch — выключатель света в стиле неоморфизма. Функционал выключения света реализован с помощью JavaScript. #javascript

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

Pure CSS accordion — аккордеон на чистом CSS. #css

ecommerce product notifications — пользовательский интерфейс уведомлений для электронной коммерции, реализованный с помощью TailwindCSS. #tailwind #css

Awesome Simple Custom Radio Button — простые настраиваемые радиокнопки "нравится" и "не нравится", реализованные на чистом CSS с использованием шрифтовых иконок Font Awesome. #css #fontawesome

Примерно 8 лет назад, я выбрал изучение программирования, что бы перейти на удаленную работу. В голове был фриланс, шум прибоя и тень от пальмы на моем ноутбуке. В итоге все оказалось не столь радужно, пока я не взглянул на свою деятельность иначе. Работая на других с ума можно сойти от однотипных задач. Работая на фриланс биржах, можно положить зубы на полку. ‼️ Но можно по-другому. На своем канале я рассказываю, как ворваться в веб за месяц и зарабатывать на разработке сайтов, без общедоступных конструкторов типа Тильды. Без конкуренции. Без длительного изучения программирования. Работая на себя и от себя. В закрепе дана наиболее полная информация, подписывайтесь на канал, уже вышел цикл статей раскрывающий все секреты и нюансы — Внеконкурентного Подхода к веб разработке! Подробнее: 👉 https://t.me/podhod_tg/4

Book Store UI — адаптивный пользовательский интерфейс книжного магазина, реализованный с помощью jQuery и flickity.pkgd.js. #jquery #flickity

Product page — адаптивная страница продукта с функцией выбора цвета, реализованная на чистом CSS. #css

Релокейт, удалёнка и высокая зарплата для фронтендеров. Специально для Вас, собираем топовые вакансии для фронтов на канале @job_frontend. Подпишись чтобы не упустить свой шанс получить лучший оффер!

Line reveal block — анимация появления тонкой линии и раскрытия полного блока контента при прокрутке страницы, реализованная с помощью библиотек Anime.js и scrollMonitor. #animejs #scrollMonitor

Custom Cursor Effect — пользовательский курсор, реализованный с помощью JavaScript. При наведении на ссылку появляется соответствующее изображение. #javascript

Верстальщики, ловите лайфхак: Все макеты для верстки уже нашли и бесплатно выкладывают на канале Макеты Figma. Макеты для верстки: @figma_templates

LUME shiny 3D image grid — адаптивная сетка блестящих 3D изображений, реализованных с помощью библиотек lume.js, WebGL и three.js. #webgl #treejs

Skateboard Video Platform — адаптивный интерфейс видео-платформы на тему скейтборда, реализованный с помощью jQuery. #jquery