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

В чем сила «кукбука» и почему одних стандартов разработки может не хватить? Как превратить реактивный код в документацию и юнит-тестами покрыть бизнес-логику? И чем плоха слабая доменная модель? Лидер IT-стрима Цифровой рубль в Газпромбанке Максим Морев подробно рассказывает, как решить проблему, когда каждый разработчик пишет код, как ему вздумается. Читайте на Хабре, как собрать кукбук и внедрить его в работу команды — https://vk.cc/cndDym

Kippo Hover Card Effect — Галерея с эффектом при наведении. Реализована с помощью CSS и JavaScript. #анимация #css #js

Demo of CSS-only motion curve Анимация иконки. Написана на чистом CSS. #анимация #css

RETROESQUE TEXT REVEAL EFFECT — анимированное появление текста. Реализовано с помощью Slim, SCSS и GSAP. #анимация #scss #js

Shiny Debit Card — анимированная 3D банковская карта. Реализована с помощью CSS и SVG. #анимация #css #svg

Scroll direction rotation — галерея с эффектом наклона при скролле. Реализована с помощью SCSS и JavaScript. #анимация #scss #js

Jello Stretchy Variable Font — интерактивный текст с эффектом желе. Реализован с помощью SCSS и JavaScript. #анимация #scss #js

Digital Clock ⌛️ — цифровые часы с анимацией. Реализованы с помощью CSS и JavaScript. #анимация #css #js

Crow Single Div — минималистичная ворона в клетке. Реализована с помощью CSS. #css

Magic Dust - GSAP Canvas Particles — анимированный звездный фон со следом от мыши. Реализован с помощью SCSS и JavaScript. #анимация #scss #js

bootstrap 4 navbar — анимированная навигационная панель. Реализована с помощью CSS и JavaScript. #анимация #css #js

Codepen Logo w/ Sticky Corners — интерактивное лого CodePen. Реализовано с помощью CSS, SVG и JavaScript. #анимация #css #svg #js

Нейросеть напишет код прямо в Telegram-боте! NoPeople — первый cервис заказа услуг, в котором все исполнители - нейросети. Сотни задач выполняются за ~10 секунд: — написать или переработать программный код; — составить резюме или мотивационное письмо; — разработать контент-план или готовый пост; — задать любой вопрос нейросети и получить грамотный ответ. Теперь это незаменимый инструмент. Внедряйте: @nopeople_bot

Light circle with glow effect — неоновый круг с эффектом свечения при наведении. Реализовано с помощью SCSS. #анимация #scss

NightLight — анимированный 3D ночник. Реализована с помощью CSS и JavaScript. #анимация #css #js

Верстаешь небось? Какое совпадение, ведь есть канал, где показано, как это делать правильно! И не только это. Автор канала — тимлид из Хельсинки с десятилетним опытом фронтенда. Короче, если тебе наскучили безликие линкдампы — самое то. Подписывайся на «Будни разработчика», тут интересно!

Stroke Logo Animation — анимированное текстовое лого с эффектом при наведении. Реализовано с помощью CSS, SVG и JavaScript. #анимация #css #svg #js

CodePen Loader — стилизованная под CodePen анимированная загрузка. Реализована с помощью CSS и SVG. #анимация #css #svg

‼️🅱️🅱️🅱️🅱️🅱️🅱️‼️ Дорогостоящие курсы по хакингу и программированию слили бесплатно! ✈️ Сливакер - Слив лучших курсов на любые темы самых популярных школ. 💫 Porskode - Курсы Backend, 3D, Java, Frontend и др. Подпишись, ведь OpenAI, ChatGPT, Midjourney, DALL-E и другие — уже точат зуб на ребят ❗️Самые топовые 2 канала на просторах телеграм.

Impossible Checkbox v2 — забавный чекбокс, на который "невозможно" нажать. Реализован с помощью CSS, Pug и JavaScript. #анимация #css #js