Colormind — это генератор цветовых схем, использующий для этого глубокое обучение

Сервис способен изучать цветовые стили на основе фотографий, фильмов и популярного искусства

С него ежедневно загружаются разные наборы данных. Поэтому даже сами создатели Colormind советуют заглядывать каждый день. Это может помочь получить то самое необходимое цветовое вдохновение

При этом вы можете залить на платформу и своё фото, которое будет «растаскано» на цветовую схему

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

#цвета #вдохновение

Создание сайта с 3D-анимацией прокрутки

В этом видео вы пошагово увидите, как создать сайт с потрясающей 3D-анимацией скролла, используя возможности современного HTML, CSS и JavaScript. После этого вы сможете самостоятельно разработать модель движения слайдов в глубину, поработать над кастомной анимацией, плавностью, красиво оформив композицию с помощью CSS, а также поработаете с аудио и видео контентом на странице, следуя советам из видео.

Подробнее:

https://youtu.be/GLbI7BGdQ3o

#видео #фронтенд

@htmlcssjavas

Range Slider With Glowing Gradient

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

#js #css #html #coden

https://codepen.io/jkantner/pen/VwxeeVb

@htmlcssjavas

Как думаете, ваш сайт достаточно быстрый, чтоб пользователь дождался его загрузки?

Ведь каким бы красивым и технологичным он ни был, если его загрузку приходится ждать хотя бы полминуты, многие пользователи просто не станут этого делать и перейдут на другой.

В этой статье вы узнаете о 10 советах, которые помогут вам повысить производительность страницы за счёт HTML и CSS:

https://levelup.gitconnected.com/html-css-features-tips-for-a-10x-fast-page-loading-speed-5fb6c2d88df8

#seo #css #html

@htmlcssjavas

JSON Crack — простой, но очень удобный визуализатор ваших JSON-данных

Нет необходимости заморачиваться с принудительной структурой — достаточно лишь вставить имеющийся JSON и мгновенно просмотреть его

Визуализировать данные можно в виде графовой диаграммы. Это отличный вариант для лучшего понимания структуры данных JSON

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

#json #визуализация

📌 Шпаргалка по HTML 5

Полная версия в исходном качестве снизу.

#html #cheatsheet

🔧 Fontpie — CLI-инструмент, который генерирует CSS-код и решает проблему сдвигов макета из-за веб-шрифтов. За наводку спасибо подписчику.

https://github.com/pixel-point/fontpie

CSS Bear Toggle

Уникальный переключатель-медведь на HTML и SCSS.

#html #css

https://codepen.io/agoodwin/pen/gKpKqw

Studio 3T — многоплатформенный графический браузер данных и редактор для MongoDB

Инструмент имеет встроенную поддержку поиска с помощью перетаскивания, что позволяет крайне удобно создавать сложные запросы поиска

В то же время Studio 3T обеспечивает безопасные соединения с единичными экземплярами MongoDB и наборами реплик

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

#mongodb #editr #gui

Download progress animation

Анимация прогресс загрузки. Минималистично, лаконично.

#js #css #html #coden

https://codepen.io/aaroniker/pen/ZEYmPqM

atom-wakatime – Плагин для редактора кода atom, который предоставляет интеграцию с сервисом для метрик продуктивности WakaTime

https://github.com/wakatime/atom-wakatime

@htmlcssjavas

JS Bin — платформа для изучающих ванильный JS, HTML и CSS

С его помощью вы сможете не только чему-то научиться, но также поэкспериментировать и даже преподавать, если у вас есть свои ученики

В JS Bin встроено множество функций. При этом по словам самих разработчиков, их цель — стать частью цепочки инструментов разработчиков для решения проблем, изучения технологий и обучения

@htmlcssjavas

​Создание приложения погоды на Vue.js

Узнайте, как создать приложение погоды в Vue JS, используя Open Weather Map API и restful api для получения данных о погоде. При этом здесь также используется современный Javascript Fetch API наряду с методами и состояниями Vue JS.

Подробнее:

https://youtu.be/JLc-hWsPTUY

#видео #vue

@htmlcssjavas

Windframe — инструмент для быстрого создания/прототипирования сайтов с помощью Tailwind CSS

С его помощью вы сможете сильно ускориться в создании веб-сайтов. Вам будет доступна либо их разработка с нуля, либо на основе множества готовых tailwind-шаблонов

При этом создавать или настраивать дизайн можно при помощи многочисленных опций

Стоимость: #бесплатно (но есть платные тарифы)

#web #css

👨‍💻Ищешь ИТ вакансии?
Подпишитесь на канал с актуальными ежедневными вакансиями на максималках, без лишней воды🤘:

- FrontEnd_Jobs
- JavaScript_Jobs

— вакансиями с зп 300–400 тысяч рублей в месяц и стажировками;
— предложениями от зарубежных компаний с релокацией;

Цени свое время — подписывайся!

Как создать браузерную «пипетку» с работой вне браузера

Знакомьтесь, EyeDropper API — небольшой JS API, позволяющий разработчикам добавить в их проект пипетку. С помощью неё пользователь может выбрать нужный цвет и веб-приложение зафиксирует его.

Подробнее о том, как это работает можно узнать тут:

https://patrickbrosset.com/articles/2021-11-24-how-i-built-an-eye-dropper-browser-extension/

#javascript #фронтенд

@htmlcssjavas

Standard Notes — впечатляющее приложение для ведения заметок с открытым исходным кодом

Жемчужина сервиса — использование в нём сквозного шифрования

В остальном это вполне стандартный, но очень приятный инструмент для написания заметок. Он доступен как в вебе, так и в виде приложений для Linux, Windows, macOS (Intel/ARM), а также мобильных устройств

@htmlcssjavas