Сolor Generator - удобный онлайн-инструмент от Eva Design System, который поможет легко подобрать оттенок любого цвета.

#инструменты

PhaserJS - это отличный фреймворк для разработки игр, поддерживаемый сообществом, готовый для всех ваших настольных и мобильных нужд. Он поддерживает как WebGL, так и Canvas (для тех устройств, которые не поддерживают WebGL) и ориентирован на разработку 2D-игр.

#javascript

Text Grid with Mouse Interaction - классная реализация эффекта увеличения текста при наведении с помощью CSS и JS.

#javascript #css

Rubicons - pixel perfect иконки для пользовательского интерфейса. Размер сетки 24x24 px. Выберите свой цвет, загрузите полный пакет или отдельные значки в формате SVG или быстро скопируйте код SVG.

#графика

Vue 3. Основы для Начинающих - авторский онлайн-курс по Vue.js 3 от Владилена Минина. Самая актуальная информация по 3-й версии Vue.js.

Vue - это JS фреймворк для создания реактивных пользовательских интерфейсов. Он отличается от других фреймворков своей простотой и эффективностью.

#курсы

Framer Motion - готовая библиотека анимаций с открытым исходным кодом для React. Используйте возможности Framer Motion для создания прототипов для команд. Простой декларативный синтаксис означает, что вы пишете меньше кода. Меньше кода означает, что вашу кодовую базу легче читать и поддерживать.

#react

Основные этапы разработки сайта под ключ.

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

Рассмотрим основные этапы:
1. Бесплатная консультация
2. Заполнение брифа
3. Обсуждение проекта
4. Подготовка коммерческого предложения
5. Подписание договора
6. Сбор семантики для SEO
7. Составление технического задания
8. Разработка дизайна
9. Верстка, программирование либо использование конструктора сайта
10. Тестирование сайта
11. Подготовка и размещение контента
12. Настройки и запуск проекта
13. Сдача проекта заказчику

#статьи #кейсы

Highlight.js - библиотека предназначена для выделения синтаксиса. Работать она может и в браузере, и на сервере. Highlight.js способна распознавать практически любой код и имеет встроенную функцию автоматического определения языка.

Она осуществляет поиск программного кода между тегами <pre><code>, определяя используемый язык и выделяя синтаксис. Помимо этого, она поддерживает несколько цветовых схем. Вот пример с отрывком JavaScript кода и стандартной темой редакторов.

#javascript

CSS Animations: Obvious CTA Buttons - забираем в коллекцию крутые кнопки с анимацией на CSS, которые привлекут внимание на любом проекте.

#CSS

Gurufy - отличный и удобный сервис для изучения React.js и его экосистемы. Осваивайте front-end быстро и легко!

Экосистема еще в процессе разработки, но основу уже можете начать изучать.

#react

🔥 Лучшее на канале за последнюю неделю

1) Gurufy - отличный и удобный сервис для изучения React.js и его экосистемы.
2) Vue 3. Основы для Начинающих - авторский онлайн-курс по Vue.js 3 от Владилена Минина.
3) Основные этапы разработки сайта под ключ.
4) CSS Animations: Obvious CTA Buttons - забираем в коллекцию крутые кнопки с анимацией на CSS.
5) Rubicons - pixel perfect иконки для пользовательского интерфейса.

Всем успешной разработки!

#Лучшее

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

#инструменты

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

#css #html

Markmap — библиотека JS, которая помогает визуализировать документы Markdown, с помощью создания интеллект-карт. Из текстового файла .md она берет всю информацию и визуализирует её в виде схем.

#javascript

Ikonate - отличный пак настраиваемых векторных иконок для вашего проекта. Настроить можно толщину линий, цвет, размер.

#графика

CSS Image Effect - отличная реализация ховер-эффектов для изображений с применением clip-path. Забираем в коллекцию!

#html #css

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

#javascript