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

Впервые в рейтинг самых читаемых СМИ про технологии попали телеграм-каналы. Список выглядит следующим образом: Хабр Community – редакторы выбирают самые популярные статьи про кибербезопасность, стартапы и новые разработки. Vc.ru - Российский айтишник создал программу, которая отбирает самые интересные статьи по технологиям и стартапам, и выкладывает их на канал. Точка входа в IT – тут сотрудники VK обучают программированию с нуля. Реальный шанс построить карьеру в айти без опыта. C.M books – огромное хранилище книг по айти. Удобная навигация, короткие рецензии. Кладовая знаний для новичков. Программирование в опросах – скучную теорию переделали в увлекательные викторины. Самый быстрый способ начать кодить чайнику.

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

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

Хватит искать макеты Figma. Серьезно.  В Telegram есть бот, который за 2 мин предложит уникальные макеты figma реальных проектов по вашим критериям.

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

Привет! Хочу поделиться своим каналом по фронтенду Programmer Way Пишу статьи, кидаю клёвые материалы, а также делюсь успехами в освоении глубин фронтенда Что вы найдёте: 📝 Статьи, мысли и фишки 📍Верстка, JS, React, Wordpress 🤝Чат фронтендеров 🗂И еще куча полезного контента Подписывайтесь @programmerwayit

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

Верстка сайта из Figma это не сложно! Автор канала ITDoctor выпустил 18 уроков с пошаговым объяснением как сверстать сайт по макету из Figma. В этом бесплатном курсе: Подготовка проекта, Работа со шрифтами, Плагин Pixel Perfect, CSS Grid и Flexbox, Верстка сайта и адаптивной версии. Создание интерактивных элементов таких как меню, галерея и модальные окна. А так же домашнее задание в виде макета для Практики! И много полезных, нюансов, лайфхаков, трюков с редактором кода и языками HTML, CSS, JS на канале ITDoctor. Учись создавать сайты сегодня, не откладывай на завтра 👇🏻

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

IT образование в 2022 стало бесплатным! Все лекции и гайды топовых вузов страны тут https://t.me/vse_ob_it

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

Анимируй - Канал с готовыми анимациями для сайтов. Смотрите короткие демонстрации, выбирайте подходящую анимацию и забирайте готовый код.

Vimeo/YouTube video with cover image — пользовательский курсор с ссылкой на видео Vimeo / YouTube, который появляется при наведении на обложку видео. Реализован с помощью библиотек jQuery и Popper.js. #jquery #popperjs

Хотите узнать, зачем нужен DevOps? Почему компании так активно нанимают DevOps-инженеров и какие задачи стоят перед этими специалистами? Присоединяйтесь к бесплатному онлайн-интенсиву Skillbox, который пройдёт 13–15 июня в 21:00 по московскому времени. Подробности: 👉 https://clc.to/fPY3dQ. Тем, кто зарегистрировался, отправим на почту чек-лист «Погружаемся в DevOps». Кому подойдёт интенсив: — junior-разработчикам; — опытным разработчикам и сисадминам. Вы решите реальную бизнес-задачу и научитесь: — ориентироваться в подходе DevOps; — работать с Docker; — использовать методологию CI/CD. Спикером интенсива будет Lead DevOps-специалист в ВТБ, руководитель нескольких проектов, команд и онлайн-курсов, ведущий подкастов об IT и образовании — Константин Брюханов. 🎁 Всем дошедшим до конца интенсива подарим электронную книгу Пола Доэрти и Джеймса Уилсона «Человек + машина» издательства МИФ. Участвуйте, задавайте вопросы и получите сертификат на 10 000 рублей на любой курс Skillbox. Присоединяйтесь к прямым

3D CSS Buttons - Click Transition — 3D-кнопки на чистом CSS с анимацией при клике. JavaScript используется только для добавления класса clicked при клике на кнопку. #css

🎉 Среди студентов МГУ прошло голосование на 4 лучших телеграм-канала по программированию. Поздравляем победителей: Зерокодинг – здесь вас научат создавать приложения, сайты и мобильные игры без навыков программирования. За вас всё сделает компуктер. Python и 1000 программ – канал для всех, кто хочет освоить самый перспективный язык 2022 года. Гайды для новичков, фишки, программы и многое другое. Этичный хакер – настоящая кость в горле интернет-мошенников. Читайте бесплатные статьи по кибербезу, защите персональных данных и борьбе с вирусами. IT-сенсэй – идеальный канал, если вы пока не знаете, чем хотите заниматься в айти и не определились с языком. Фишки, шпаргалки, видеокурсы по всем существующим технологиям.

Adaptive Pricing Table — адаптивная таблица цен на чистом CSS. #css

👨🏻‍🎓Учиться на программиста 4 года — скучно, долго и дорого ⚡️Выучить все языки программирования, либо один из желаемых у нас в каналe — бесплатно, быстро и интересно Определено, ты больше не увидишь нашу рекламу, подписка на нас — это твой единственный шанс овладеть ремеслом программиста не выходя из Telegram — @it_ed

Parallax Snap — параллакс, реализованный с помощью GSAP, ScrollToPlugin3, SplitText3 и ScrollTrigger. #gsap

Ты программист и устал серфить интернет в поисках вакансий? Тяжело найти ту самую работу, которая будет соответствовать и отвечать требованиям твоего уровня? React Job | JS - канал, который поможет решить эти вопросы На канале ты найдешь: • свежие и актуальные вакансии, с достойными зарплатами и условиями труда • стажировки, бесплатные курсы, работа для джунов, мидлов и сеньеров по всему миру • примеры вопросов с собеседований, интересные задачи и обучающий материал для повышения скилла Подписывайся на наш канал, цени свое время!