Html Gram
Html Gram - это Telegram-канал, который поможет вам улучшить свой сайт, используя крутые решения с CodePen. Здесь вы найдете множество примеров кода на HTML, CSS и JavaScript, которые помогут вам создать красивые и функциональные элементы для вашего веб-сайта. Канал предлагает обзоры и рекомендации по использованию различных техник и инструментов, которые помогут вам достичь профессионального уровня в разработке веб-страниц. Если вы хотите улучшить свой сайт и научиться создавать впечатляющие веб-элементы, подписывайтесь на Html Gram в Telegram!
Scroll-Driven Glow Cards
Карточки, управляемые прокруткой. Реализовано с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #JavaScript
Frontend теперь в телеграм!
Собрали крупные русскоязычные каналы, где вы найдете всю информацию о последних трендах и лучших практиках:
Логово Верстальщика — научит верстать продающие сайты.
Node.JS — поможет узнать все тонкости и секреты JavaScript и его фреймворков.
Frontender's notes — советы и полезные приемы для каждого разработчика.
Rotating carousel
Вращающаяся карусель с текстом. Реализовано с помощью SCSS.
⤷ Забрать код
@HtmlGram1 | #scss
erid: LjN8KWebL
Майские скидки!
Профессия «Фронтенд-разработчик».
🎁 Скидка до 80 900 р. Успейте получить специальное предложение до 14 мая!
Научитесь программировать на языке JavaScript и создавать пользовательские интерфейсы сайтов и приложений. Уже во время обучения вы вступите в программу «Карьерный трек», чтобы найти свою первую работу в IT.
Мы регулярно мониторим, какие компетенции разработчиков востребованы на рынке и строим учебную программу в соответствии с этим знанием.
📌 Пройдите 5 бесплатных уроков и поймите, подходит ли вам профессия!
Feature Table
Таблица характеристик цветового градиента. Реализовано с помощью CSS и JS.
⤷ Забрать код
@HtmlGram1 | #css #JavaScript
Wave text animation
Текстовая анимация мерцающей волны. Реализовано с помощью CSS и JS.
⤷ Забрать код
@HtmlGram1 | #css #JavaScript
🔥Присоединяйтесь к нам на эфир, чтобы узнать, почему 2024 год - отличное время, чтобы стать Web3 разработчиком!
Команда @TopSelectionWeb3 поделится перспективами web3 разработки и поможет вам подготовиться к новым вызовам в IT сфере.
Что вас ждет в программе:
- Какие навыки необходимы для успешной карьеры web3 разработчика?
- Какие зарплаты ожидают блокчейн разработчиков?
- Почему компании предпочитают нанимать разработчиков прямо с хакатонов?
- Как айти-специалистам с опытом web2 (традиционный айти) повысить свои шансы на рынке web3?
- Как развить технические навыки web3 и улучшить знание английского?
🎁 Бонус:
🧑💻Эфир будет полезен frontend-разработчикам, backend-разработчикам, fullstack-разработчикам, а также специалистам в области DevOps и QA.
🗓Когда: 2 мая, в 19:00 по МСК
Не пропустите увлекательный эфир, который может изменить вашу карьеру вместе с @TopSelectionWeb3
Responsive Blog Card Slider
Адаптивный слайдер-карточка блога. Реализовано с помощью SCSS и библиотеки Swiper.
⤷ Забрать код
@HtmlGram1 | #scss #Swiper
VR Landing Page
Целевая страница виртуальной реальности. Реализовано с помощью HTML и стилизовано при помощи Tailwind.
⤷ Забрать код
@HtmlGram1 | #css
Tailwind - form
Креативная форма. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css
3D wave animation
Интересная 3D волновая анимация. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css
Fading Footer
Необычное затухание нижнего колонтитула. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css
Blurry Text Reveal
Размытый текст. Реализовано с помощью библиотеки gsap.
⤷ Забрать код
@HtmlGram1 | #css #JavaScript
Slider
Слайдер с двумя разными боковыми панелями. Реализовано с помощью библиотеки Swiper и JS.
⤷ Забрать код
@HtmlGram1 | #css #JavaScript
Concentric Circle Loader
Интересный вариант окна загрузки. Реализовано с помощью SCSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #scss #JavaScript
Tailwind - Notifications and Messages
Компонент с сообщениями и уведомлениями. Cтилизованный c помощью Tailwind.
⤷ Забрать код
@HtmlGram1 | #css
View transitions (Chrome 115+)
Просмотр переходов (Chrome 115+). Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css
Hi-Tech Notification Button
Кнопка уведомления. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css
Split Landing Page
Разделенная лендинговая страница. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css
Splashed Toast Notifications
Всплеск всплывающих уведомлений. Реализовано с помощью CSS.
⤷ Забрать код
@HtmlGram1 | #css