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