Frontend Hash
3.7K subscribers
206 photos
25 videos
2 files
363 links
加入频道
This media is not supported in your browser
VIEW IN TELEGRAM
Создание отзывчивого мобильного меню с помощью CSS без JavaScript

В этой статье вы узнаете, как создать отзывчивое мобильное меню с помощью CSS, без использования JavaScript. Автор пошагово показывает, как создать и стилизовать гамбургер-меню, анимировать его и сделать его доступным для пользователей с ограниченными возможностями:

https://blog.logrocket.com/create-responsive-mobile-menu-with-css-no-javascript/

#css #фронтенд

@hashdev
👍71🔥1
DevSamples — полезная коллекции чужого кода

С её помощью вы можете найти кусок, который будет полезен именно вам в вашем проекте — его можно свободно скопировать и вставить

Основное внимание сервис уделяет исходным кодам для веб-разработчиков

Стоимость: #бесплатно

#web #css #шпаргалка
👍61
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Peek: удобный плагин для веб-разработки

CSS Peek — это плагин в редакторе VS, который обеспечивает быстрый переход к CSS любого селектора из HTML файла. Плагин напрямую предоставляет CSS-код и ссылку для перехода к свойствам CSS одним щелчком мыши.

Прост в использовании, вам просто нужно навести курсор на селектор. Можно больше не тратить время на переходы и поиск нужных свойств:

https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek

#css
7🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Responsive Grid — анимация страницы. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

https://codepen.io/julesforrest/pen/QBzaQR

@javascriptv
👍52🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Используйте тригонометрические функции в CSS для создания плавной ступенчатой задержки перехода:


.character {
transition-delay:
calc(sin((var(--index) / 12) * 45deg) * 0.475s);
}


#css #tip by jhey
Please open Telegram to view this post
VIEW IN TELEGRAM
👍143🔥1🤔1😱1
Media is too big
VIEW IN TELEGRAM
🏆 Interactive particles text

Фантастически красивая анимация текста для твоего проекта с интерактивными частицами на JS

⚡️ Код

#soft #code #css
👍131