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

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

Браузерные стили по умолчанию.

CSS расшифровывается как Cascading Style Sheets — каскадные таблицы стилей. Каскадность — один из основных принципов CSS. 

Необходимо помнить, что у браузера всегда есть свои стили по умолчанию. Они загружаются до пользовательских стилей, что позволяет проще переопределять текущие значения.
Стили по умолчанию отличаются от браузера к браузеру, но именно они — причина того, что:

- заголовки имеют разные размеры;
- цвет текста — чёрный;
- маркеры списков — жирные точки;
- у всех элементов есть какое-то значение свойства display(например, block или inline).

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

Пример 1 | Пример 2

#статьи #css

Yeoman — универсальный инструмент, который может использоваться с почти любым языком программирования (JavaScript, Python, C#, Java и прочие). Эта базовая система кодогенерации с богатой программной экосистемой (более 6200 плагинов) служит для разработки веб-приложений. Благодаря Yeoman вы можете быстро создавать новые проекты, не забывая об обслуживании и улучшении уже существующих.


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

CSS 3D Blend Mode Buttons - такая реализация кнопок в стиле Cyberpunk, станет украшением любого проекта. Кнопки сделаны на чистом CSS с использованием keyframes.

#css

Функциональное программирование на JavaScript. Как улучшить код JavaScript-программ.

Автор: Кайл Симпсон
О книге: 2018 год, 304 страницы, Русский язык, 125.46Mb

Содержание: Эта книга призвана научить вас применять методики функционального программирования в своем коде, используя стандарт ECMAScript 6 языка JavaScript. Она написана для разработчиков, имеющих хотя бы основные понятия об объектно-ориентированных программах и общее представление о тех трудностях, которые представляет разработка современных веб-приложений на JavaScript. 

#книги

Checkbot - протестируйте SEO / скорость / безопасность 100 страниц в один клик! Проверьте неработающие ссылки, HTML / JavaScript / CSS, перенаправления URL-адресов, повторяющиеся заголовки...

#расширения #сhrome

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

1) CSS Image Effect - отличная реализация ховер-эффектов для изображений с применением clip-path.
2) Honeycomb - это настраиваемая, в первую очередь мобильная, гибкая среда scss для создания веб-сайтов и веб-приложений, которые корректно реагируют на экран любого размера. 
3) Checkbot - протестируйте SEO / скорость / безопасность 100 страниц в один клик
4) Ikonate - отличный пак настраиваемых векторных иконок для вашего проекта. 
5) Книга - Функциональное программирование на JavaScript. Как улучшить код JavaScript-программ.

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

#Лучшее

Визуализация промисов и Async/Await.

Хорошая статья, которая помогает детально разобраться с промисами и Async/Awai. Промисы были представлены в ES6 и заняли важную часть в повседневной разработке.

#статьи #javascript

CSSeffects Snippets – замечательная коллекция CSS-эффектов (анимация, текст, кнопки), выполненная с помощью Vue.js.

#vue

Magnetic button animation - интересная реализация ховер эффекта для кнопок. Забираем в копилку интересных вещей

#javascript #css

Visiwig - набор качественных svg и шрифтовых иконок для интерфейсов, а так же набор бесшовных фонов для сайта на одном ресурсе.

#графика

Jest-dom - библиотека для написания тестов, которые подтверждают различные вещи о состоянии DOM. Вы сможете избежать всех повторяющихся шаблонов, которые при этом возникают, проверяя атрибуты элемента, его текстовое содержимое, его классы css, вы называете его.

#javascript

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

Возможности InVision:
- Загрузка своих проектов и добавление горячих точек.
- Жесты, переходы и анимации.
- Презентации в режиме реального времени дизайн.
- Совместная работа.
- Инструменты белой доски.
- Бесшовная коммуникация, в том числе комментирование.
- Управление дизайн-проектами.
- Контроль версий и синхронизация с помощью InVision Sync или Dropbox.
- Бэкапы.
- 128 -битное SSL-шифрование.

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