Берлога программиста | Веб и не только

Morphing ColorShape Spiral Морфинг (трансформация) формы и цвета спирали, реализованный с помощью библиотеки LUME.js. #анимация #lume #morphing

Wow! Разноцветное мерцание размноженного текста с анимацией передвижения за курсором мыши, реализованные с помощью GSAP. #текст #анимация #gsap

Нужна анимация на сайт, но некогда создавать ее самостоятельно? 🚀 Тогда канал Анимируй спешит на помощь. Анимация загрузки сайта, выпадающего меню, форм обратной связи и прочие ништяки готовы попасть на ваш сайт. Осталось только забрать готовый код и разместить на своей странице. ⬇️ Переходите по ссылке ниже и подписывайтесь, чтобы не пропустить анимацию, которая бы классно смотрелась на вашем сайте. p.s. анимация с котом уже на канале, заходите и забирайте себе.

BauBuds - Generative Characters Автоматическая генерация рандомных адаптивных SVG-персонажей, реализованная с помощью SVG.js. #svg #javascript

Hotel page concept Адаптивная страница отеля со сменой изображений интерьера при наведении на ссылку. Реализована с помощью jQuery. #hover #jquery #отель

Прокачивай навыки JavaScript без больших усилий! Канал JavaScript заметки будет регулярно знакомить тебя с фичами и особенностями языка. Подойдёт для тех разработчиков, которые хотят постоянно улучшать свои знания и развиваться вширь.  Можно почитать пока компилируется проект :) Подпишись, чтобы не потерять 👇 #javascript #заметки

LUME <lume-gltf-model> element Анимация вращения 3D-модели шлема с отражением окружающей сцены. Реализована с помощью LUME.js. #анимация #lume

Tower Blocks Простая игра Tower Blocks, реализована с помощью Three.js и TweenMax.js. #игра #treejs #TweenMax

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

Highlight Text Выделение текста при прокрутке страницы. Есть следующие настройки: выделить полностью фон текста, только на половину или сделать подчёркивание. Реализовано с помощью GSAP и ScrollTrigger. #текст #gsap #ScrollTrigger

Cross Color Text Reveal Отображение перекрестного цвета текста на светлом и тёмном фоне, реализованное с помощью CSS и JavaScript. #текст #цвет #css #javascript

Наш новый коллега так быстро решает задачи и уже вырос в ЗП, всего за пару месяцев! Ну почему он, а не я? Все просто: он знает десятки сервисов и инструментов, которые в разы ускоряют его работу. Хранит их в закладках и называет “Чемодан frontendera”. ➡️ Кстати, вот Ссылка из чемодана frontendera, где уже сегодня ты можешь узнать пару таких инструментов и применить их в работе. Сервисы публикуются каждые 2 дня. ⬇️ Подписывайся, получай полезные ссылки из первых рук и повышай свою продуктивность.

Mouse Move Parallax Простая реализация параллакса при движении курсора мыши с помощью CSS и JavaScript. #параллакс #css #javascript

Contrast Variable font Анимация переменной контрастности текста при движении курсора мыши, реализованная с помощью GSAP. #анимация #gsap

Workout App Адаптивное приложение для пеших тренировок, которое рассчитывает расстояние до определённой цели, сколько потребуется время и сколько сожжётся кКал. Приложение реализовано на чистом CSS. #app #тренировки #css

LUME beautiful cube Красивый куб с инерционным вращением, реализованный с помощью библиотек LUME и Pep.js. #анимация #lume #pepjs

APIMeme 😁 Данный API позволяет создавать мемы с помощью простого интерфейса.💻  С более чем 100 популярными персонажами-мемами (такими как Снисходительный Вонка, Признанный медведь, Смущенный Гэндальф, Эминем и Гриффины Брайан), все, чего не хватает, – это доза вашего ума.🤔 Таких API много на @found_that_api - это канал с ссылками на полезные API для разработчиков. Подписывайтесь, мы выкладываем API каждый день.   #api

Drop Анимация слияния и разделения нескольких "капель воды" на чистом CSS. Подойдёт для реализации прелоадера сайта. #анимация #прелоадеры #css

Checkboxes and radios (dark/light) Стильные чекбоксы и радио-кнопки с тёмной и светлой темой оформления, реализованные на чистом CSS. #checkbox #радиокнопки #css

Проект занимает много времени? Хочется работать меньше, а получать больше?  Перестань изобретать велосипед, ведь все уже придумано за тебя. В этом канале собраны готовые решения, которые можно доработать или использовать сразу в проекте. Подпишись, чтобы ускорить свою работу в разы!