34421
FullStack-материалы от Senior-разработчика для WEB-специалистов Сотрудничество: @CodingLead Разработка сайтов любой сложности 👨🏻💻
🐙 WebKit – браузерный движок, который используется во многих известных приложениях. Помогает форматировать и отображать веб-страницы, делая их доступными для пользователей разных браузеров.
Сайтодел | #репозиторий #github
🐙 Litegraph.js – библиотека JavaScript для создания браузерных графов, которые можно экспортировать в формате JSON и вставлять в код. Тут есть Canvas 2D, удобный редактор, настройки дизайна и возможность работать с TypeScript.
Сайтодел | #репозиторий #github
✍️ Sarabun – веб-шрифт с открытым исходным кодом, который поддерживает латиницу и тайский язык. Пример можно посмотреть в заголовке официального сайта Cesium.js
Сайтодел | #шрифт
🎨 Цветовая палитра макета "Presentation Templates" HEX | RGB #FFF3C3 | rgb(255,243,195)
#FE9778rgb(254,151,120) #7BA9FF | rgb(123,169,255)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 Interactive Gradient – градиентная подсветка фона с плавным нарастанием прозрачности к краю. Если не двигать курсор, фон все равно будет находиться в движении.
Сайтодел | #сниппет #css
💾 Custom Rhombus Shape – шаблон в виде ромбов для изображений или карточек с текстом. Каждый ромб меняет цвет и анимируется при наведении курсора либо по нажатию.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Android Material You UI Kit" HEX | RGB #F8FDD9 | rgb(248,253,217)
#BDCD68rgb(189,205,104) #50514A | rgb(80,81,74)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
💾 CSS Only 3D Image Carousel – объемная галерея для фотографий в виде кольца из карточек. При наведении курсора фото становится цветным, а движение останавливается.
Сайтодел | #сниппет #css
HTTP API или SMTP — что выбрать при настройке email на сайте?
При создании сайта клиенты часто просят подключить сервис email-рассылок. Для этого есть два способа: HTTP API или SMTP.
Для выбора важно знать все нюансы (скорость, приоритеты и др.). Ими в своей статье “HTTP API или SMTP” поделился сервис email-маркетинга DashaMail.
Для веб-разработчиков DashaMail предлагает реферальную программу. Подключи своих клиентов к сервису и получай 20% со всех их оплат за доступ к сервису в течение двух лет!
Кроме того, вас и ваших клиентов ждут:
- гибкое API;
- подробная документация;
- компетентная техподдержка;
- большой выбор готовых модулей интеграции.
Узнайте больше о реферальной программе сервиса DashaMail
Реклама. ООО "ПИСЬМО". ИНН 7811602601.
✍️ Source Code Pro – моноширный шрифт с закругленными буквами, который был разработан как дополнительный к шрифту Source Sans. Пример есть в сниппете Futuristic Card Effect
Сайтодел | #шрифт
💾 Bokeh Background – объемный многослойный фон, который двигается вслед за курсором и меняет цвет при нажатии на экран.
Сайтодел | #сниппет #css
🖥 Android Material You UI Kit – мобильный дизайн в приглушенных оливковых тонах. Здесь есть экраны для даты и времени, калькулятор, а также дизайн настроек телефона, звонков и чатов.
Сайтодел | #макет #figma
🐙 Swagger UI – это набор инструментов HTML, JavaScript и CSS для работы с сайтами. Он позволяет генерировать документацию с помощью API, совместимого со Swagger.
Сайтодел | #репозиторий #github
💾 SVG Icons Animated With CSS – анимированные иконки для обозначения погоды. У некоторых из них маленькие элементы не просто двигаются, а становятся прозрачными.
Сайтодел | #сниппет #css
💾 Osaka Card – интерактивная карточка с подвижными элементами и фоном. Движение зависит от положения курсора, на элементы нельзя нажать.
Сайтодел | #сниппет #css
💾 VFX-JS – градиентный фон с 3D-пузырями. Элементы летают по экрану сами по себе, однако один пузырь следует за движением курсора.
Сайтодел | #сниппет #css
💾 Parametric Surface – объемные вращающиеся фигуры, написанные с помощью библиотеки Three.js. Структуру фигурки в разноцветных цветах можно увидеть, если навести на нее курсор.
Сайтодел | #сниппет #css
💾 Breakingtrends.io – пример эффекта раскрытия карточек. Полезно для разделов сайтов с описанием услуг или преимуществ компании.
Пример взят с канала @breakingtrends про тренды, соцсети и пиар. Подписывайтесь 💪
Сайтодел | #пример #css
🐙 Ghost – мощная платформа для работы с публикациями, которая позволяет создавать веб-сайты, заливать контент, делать рассылки и управлять платными подписками.
Сайтодел | #репозиторий #github
🖥 Neo-Brutalism UI Kit – дизайн в ретро-стиле с яркими цветами и насыщенными черными тенями, напоминающий о первых днях интернета.
Сайтодел | #макет #figma
💾 Neural Noise – эффект для фона, который напоминает плазму. Пучки света двигаются за курсором, на нажатия они не реагируют.
Сайтодел | #сниппет #css
✍️ Ivy Mode – гротескный шрифт с высокой контрастностью, имеет слегка расширяющиеся окончания штрихов. Пример можно посмотреть в макете Velvety
Сайтодел | #шрифт
🖥 Presentation Template – яркие карточки для презентаций с крупными, броскими иллюстрациями. Они помогут привлечь внимание и не перегружать слайды информацией.
Сайтодел | #макет #figma
💾 Clean Toast Notification – карточки с уведомлениями для четырех кейсов: успех, помощь, предупреждение и ошибка. При наведении курсора крестик на карточке меняет фон на цветной.
Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Mid Mod" HEX | RGB #F9BACB | rgb(249,186,203)
#B7B129rgb(183,177,41) #4B442B | rgb(75,68,43)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра
ClickStar — надёжная пуш-партнёрка для вашего сайта 🔝
✔️Универсальный рекламный код: один код для всех ваших сайтов, что упрощает интеграцию и управление рекламой.
✔️Ежедневные выплаты: получайте свои доходы каждый день без задержек и сложностей.
✔️Совместимость: ClickStar не мешает другим методам монетизации, что позволяет вам максимизировать прибыль.
✔️ Доверие топовых веб-мастеров: ведущие веб-мастера уже работают с ClickStar, что подтверждает нашу надежность и эффективность.
Зарегистрируйтесь сейчас и начните зарабатывать уже сегодня 🙌
💾 Aqua Wave Orb Animation – анимированный круг с "водой" внутри. Его можно использовать в качестве спиннера на сайте.
Сайтодел | #сниппет #css
💾 Hexagon Grid Ripple Effect – контейнер с шестиугольными карточками для иконок. При нажатии создается эффект волны.
Сайтодел | #сниппет #css
🐙 Drawio – инструмент для создания диаграмм, ментальных карт, блок-схем и инфографики. Интегрируется с Google-инструментами, Github, Gitlab и Notion.
Сайтодел | #репозиторий #github
🎨 Цветовая палитра макета "Microsoft Teams UI Kit" HEX | RGB #E9DCFD | rgb(233,220,253)
#9673C4rgb(150,115,196) #4C53BD | rgb(76,83,189)
⚠️ Цвет копируется одним кликом!
Сайтодел | #палитра