Heroicons - красивые SVG-иконки ручной работы,
создателями Tailwind CSS. Коллекция содержит 226 качественных иконок.

#Графика

WebDataRocks – это крутая онлайн-таблица, которая используется в любых проектах без каких-либо затрат. Построенная на чистом JavaScript, она плавно интегрируется во все популярные фреймворки.

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

#JavaScript

Docusaurus - инструмент с открытым исходным кодом от Facebook, предназначен для создания документации вашего проекта. Построенный с помощью React и Markdown, он дает вам возможность легко составлять документацию, поддерживать ее и даже создавать блог для вашего сайта и публиковать его на страницах Github.

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

Расширение Beautify позволяет форматировать html-, js-, css-, JSON- и sass-код. Параметрами форматирования можно управлять. Это расширение является надстройкой над стандартной системой js-beautify и позволяет разработчику форматировать код именно так, как ему нужно.

#Расширения #vscode

📖 CSS для профи

Автор: Кит Грант
О книге: 2019 год, 496 страниц, Русский язык, 40.3Mb

Содержание: Книга "CSS для профи" подарит вам не только свежие идеи, но и вдохновит на подвиги, а облегчить этот тернистый путь помогут новейшие технические достижения - адаптивный дизайн, библиотеки шаблонов и многое другое.

#Книги

Range input - красивая реализация ползунков для ваших фильтров на чистом CSS.

#html #css

Подборка курсов с Udemy, на которые сейчас проходят акции и в ограниченный срок Вы можете их забрать себе и изучать в дальнейшем!

1) Полный учебный курс для веб-разработчиков FullStack PHP 2020.
2) Курс разработчика веб-сайтов на Wordpress.
3) Оптимизация Wordpress 2020.
4) Полный курс Photoshop CC - от начального до среднего уровня.

#Курсы

AMP (Accelerated Mobile Pages) — технология отображения страниц сайта для мобильных пользователей, которая обеспечивает максимальную скорость загрузки сайта.

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

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

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

#Статьи

Moveable - интересная JS библиотека, которая позволяет перетаскивание, изменение размера, масштабирование, вращение, деформацию, группировку, привязку элементов.

#javascript

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

1) Книга CSS для профи.
2) Основные команды GIT для базового использования.
3) Чат для вашего сайта на NodeJS + WebSockets.
4) WebDataRocks – это крутая онлайн-таблица, которая используется в любых проектах без каких-либо затрат. 
5) Range input - красивая реализация ползунков для ваших фильтров на чистом CSS.

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

#Лучшее

RetireJS — это средство проверки зависимостей с открытым исходным кодом. Включает в себя различные компоненты, такие как сканер командной строки, плагин Grunt, расширения Firefox и Chrome, плагины Burp и OWASP ZAP. Retirejs собирает информацию об уязвимостях из NIST NVD и других источников, таких как системы отслеживания ошибок, блоги и списки рассылки.

#javascript

Tarly - универсальный HTML-шаблон лендинга.

Шаблон Tarly построен с использованием HTML5, Bootstrap 4, CSS и Sass, предлагает многоцелевые одностраничные демонстрации продукта SaaS, мобильного приложения, книжной витрины, лендинга продукта и т.д. Он выглядит привлекательно и удобно на всех типах экранов и устройств, включая Windows, Mac, iOS, Android.

#шаблоны

eCSStractor - замечательное расширение для VS Code, которое извлекает список селекторов из разметки (можно в БЭМ-представлении, с амперсандами в местах разделения элементов и модификаторов).

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

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

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

Phosphor — коллекция из 558 бесплатных иконок в 6 начертаниях для интерфейсов, диаграмм, презентаций и многого другого.

#графика

Plyr — это красивый, простой и легко настраиваемый js плеер, который поддерживают все современные браузеры.

Особенности плеера:
- Поддерживает основные форматы HTML5 видео и аудио, а также YouTube и Vimeo.
- Поддерживает субтитры VTT и программ чтения с экрана.
- Имеет возможность изменять вид плеера и разметку.
- Использует правильные элементы: <input type="range"> - для звука, <progress> - для прогресса, <button> - для кнопок.
- Работает с любым размером экрана.
- Поддерживает hls.js, Shaka и dash.js потокового воспроизведения.
- Переключение воспроизведения, громкости, поиска и многое другое через стандартизированный API.
- Поддерживает собственный полноэкранный режим с резервным режимом "полного окна".
- Поддерживает управление клавиатурой.
- Поддерживает режим "картинка в картинке".
- Поддерживает нескольких дорожек субтитров.
- Поддерживает показ эскизов предварительного просмотра.

#javascript

Создание HTML5 игр с помощью Phaser 3 и JavaScript.

Курс от DoCode предназначен для всех желающих научиться создавать HTML5 игры с помощью Phaser 3 и улучшить свои навыки программирования на JаvaScript.

#курсы

ColorBox — полезный онлайн инструмент для создания цветовой палитры с поддержкой оттенков для темной темы.

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

VideoCall App UI - реализация ui для приложения онлайн видео-конференций с возможностью переключения между темной и светлой темой.

#html #css #javascript

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

Foundation является семантическим, читаемым, гибким и полностью настраиваемым.

#html #css