Web разработка

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

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

@htmlcssjavas

Download progress animation

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

#js #css #html #coden

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

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

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

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

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

#mongodb #editr #gui

CSS Bear Toggle

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

#html #css

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

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

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

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

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

#html #cheatsheet

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

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

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

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

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

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

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

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

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

#seo #css #html

@htmlcssjavas

Range Slider With Glowing Gradient

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

#js #css #html #coden

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

@htmlcssjavas

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

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

Подробнее:

https://youtu.be/GLbI7BGdQ3o

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

@htmlcssjavas

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

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

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

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

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

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

📌 Шпаргалка-справочник по HTML

#html #cheatsheet

@htmlcssjavas