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

Как зарабатывать на верстке в 2022? Также как и в 2021 😊 А для это нужны коммерческие и качественные макеты. На канале Макеты для HTML вёрстки сайтов собраны разные коммерческие, редкие и красивые дизайн макеты сайтов, которые заказчики присылают верстальщику. Учитесь, практикуйтесь, пополняйте свое портфолио настоящими работами вместе с @assedo_studio_templates!

Animated Text Анимированный текст с использованием GIF-изображений, реализованный на чистом CSS. #анимация #текст #css 👉 @frontend_trends

Expanding circle SVG loader animation Прелоадер с анимацией расширяющегося круга из SVG. #прелоадеры #анимация #svg 👉 @frontend_trends

3D Carousel 3D-карусель в современном стиле, реализованный с помощью React. #карусель #react 👉 @frontend_trends

Modern Blog Layout Адаптивный макет блога, реализованный с помощью CSS Grid. #макет #css 👉 @frontend_trends

Rough Forest Рисунки деревьев, сквозь которых просвечиваются лучи солнца. Реализованы с помощью CSS и p5.js. #css #p5js 👉 @frontend_trends

Mrs. Dalloway Размытие текста, находящегося вне поля зрения, которое исчезает при прокрутке страницы. Реализовано с помощью GSAP и ScrollTrigger.js #текст #gsap #ScrollTrigger 👉 @frontend_trends

Impossibly Tipsy Анимация вращения прямоугольника, линии которого проходят перед текстом и за текстом. Тени добавляют 3D-эффект. Анимация реализована на чистом CSS. #анимация #текст #css 👉 @frontend_trends

Buttons. CSS Hover Красивые эффекты при наведении курсора на кнопку, реализованные на чистом CSS. #кнопка #hover #css 👉 @frontend_trends

Star Rating Рейтинг в виде звезд, построенных с помощью SVG. Выбор рейтинга осуществляется с помощью ползунка. Функционал рейтинга реализован с помощью JavaScript. #рейтинг #css #javascript 👉 @frontend_trends

Drunken Text Анимация "пьяного" текста, реализованная с помощью CSS и JavaScript. #анимация #текст #css #javascript 👉 @frontend_trends

Book Text Еще один вариант адаптивной страницы с текстом в книжном стиле, реализованная на чистом CSS. #текст #css 👉 @frontend_trends

Hello animation Анимация приветствия для заставки как у Apple, реализованная с помощью GSAP. #анимация #текст #gsap 👉 @frontend_trends

Hue CSS Animation Анимация оттенков цвета, реализованная на чистом CSS. #анимация #текст #цвет #css 👉 @frontend_trends

Glowing icons Анимация светящихся иконок, реализованная на чистом CSS. #анимация #иконки #css 👉 @frontend_trends

Warning bar Анимация предупреждающей панели, реализованная на чистом CSS. #анимация #css 👉 @frontend_trends

«Писать код надо, но тааак лень..» Расслабься, айтишник. Его уже написали за тебя и выложили на канале Frontended Libs.  Это сборник удобных библиотек с готовым кодом под твои задачи. Открываешь – находишь нужную либу – выполняешь задачу в 5 раз быстрее. Подписывайся, сэкономим тебе время: @sWebDev

Vertical menu Вертикальное меню с липким эффектом при наведении курсора на пункт меню. Эффект реализован на чистом CSS. #меню #css 👉 @frontend_trends

+1 в копилку полезных каналов о фронтенде   С Senior Frontend стартовать в айти намного проще: • готовые примеры кода: смотрите на превью, как работает код, и сразу редактируете его в CodePen • лайфхаки по JS, HTML, CSS, которыми делятся только в крупных компаниях • тесты и опросы для тех, кто не запоминает сухую инфу ⚡️Senior Frontend - лучшая шпаргалка для айтишников.  Сохраняйте: @SeniorFront

Cube-ish loader Прелоадер с анимацией полосок, которая добавляет 3D-эффект куба. Прелоадер реализован на чистом CSS. #прелоадеры #css 👉 @frontend_trends