CodeRoll | Frontend

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

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

3D игра на HTML — изи Перспективные и крайне любопытные оpen-source проекты с GitHub собрали в телеграм-канале Open Source Future: • 3D игра на HTML и CSS • AR графика на JavaScript • Нейронка для сжатия jpeg без потери качества В этом телеграм-репозитории 527 проектов с открытым кодом + 2 новых каждый день. Внедряй находки канала Open Source Future, чтобы твои проекты вирусились и шокировали

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

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

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

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

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

AMP (Accelerated Mobile Pages) — технология отображения страниц сайта для мобильных пользователей, которая обеспечивает максимальную скорость загрузки сайта. AMP представляют собой радикально урезанные версии обычных веб-страниц. На ускоренных страницах остается основной контент. Большинство вспомогательных элементов, включая виджеты, формы комментирования, блоки рекомендованного контента, рекламные объявления, на ускоренных страницах отсутствует. Ускоренные страницы состоят из HTML-разметки со специальными тегами и библиотеки JavaScript. Для создания AMP можно использовать ограниченный набор тегов и скриптов. Это уменьшает функциональность и внешнюю привлекательность страниц, но резко увеличивает скорость их загрузки. Также ускорению загрузки способствует предварительное кэширование. Страницы с AMP ранжируются выше других запросов в поиске за счет того, что соответствуют требованиям к быстрой загрузке и адаптированы под мобильные устройства. #Статьи

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

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

📖 CSS для профи Автор: Кит Грант О книге: 2019 год, 496 страниц, Русский язык, 40.3Mb Содержание: Книга "CSS для профи" подарит вам не только свежие идеи, но и вдохновит на подвиги, а облегчить этот тернистый путь помогут новейшие технические достижения - адаптивный дизайн, библиотеки шаблонов и многое другое. #Книги

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

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

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

Наконец-то мы нашли этот канал! EasyPeasyCode — сеньор рассказывает об ИТ простым языком. Авторские статьи, факты, книги, полезные ресурсы, все это в канале @easypeasycode.

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

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