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

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

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-программ.

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

#Лучшее