CodeRoll | Frontend
5.04K subscribers
1.59K photos
73 videos
1 file
899 links
— Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JS, HTML, CSS, React, Vue,Angular

Купить рекламу: https://telega.in/c/coderoll

Чат: https://t.me/coderoll_chat

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
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 — полезный онлайн инструмент для создания цветовой палитры с поддержкой оттенков для темной темы.

#инструменты
This media is not supported in your browser
VIEW IN TELEGRAM
VideoCall App UI - реализация ui для приложения онлайн видео-конференций с возможностью переключения между темной и светлой темой.

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

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

#html #css
Ноябрьский рейтинг популярности языков программирования TIOBE ознаменовал важные перемены в первой тройке: Python стал вторым, сместив Java на третье место. Лидер — по прежнему C, причем по сравнению с предыдущим месяцем наблюдается незначительный рост популярности.

Топ 10 языков программирования:
1) C - 16.21%
2) Python - 12.12%
3) Java - 11.68%
4) C++ - 7.60%
5) C# - 4.67%
6) Visual Basic - 4.01%
7) JavaScript - 2.03%
8) PHP - 1.79%
9) R - 1.64%
10) SQL - 1.54%

#статьи
Генератор неонового текста для CSS и HTML

Есть функции копирования исходного кода, настройки свечения и использования иконок FontAwsome. А так же можете развернуть проект у себя на сервере.

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

1) Plyr — красивый, простой и легко настраиваемый js плеер, который поддерживают все современные браузеры. 
2) Tarly - универсальный HTML-шаблон лендинга.
3) Курс по созданию HTML5 игр с помощью Phaser 3 и JavaScript.
4) Phosphor — коллекция из 558 бесплатных иконок в 6 начертаниях для интерфейсов
5) eCSStractor - замечательное расширение для VS Code, которое извлекает список селекторов из разметки

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

#Лучшее
Pygame — это модуль-обертка для мультимедийной библиотеки SDL. Simple DirectMedia Layer представляет собой кроссплатформенную библиотеку разработки, которая дает низкоуровневый доступ к: аудио, клавиатуре, мыши, джойстику, графическим аппаратным средствам через OpenGL и Direct3D.

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

#Python
HTML DOM - крутая шпаргалка по JavaScript c подробным пояснением для тех, кто работает в основном c DOM частью на проекте.

#javascript
StackBlitz - это онлайн-среда разработки, в которой вы можете создавать проекты Angular, React, Vue, Svelte, которые сразу же становятся онлайн и доступны по ссылке… всего одним щелчком мыши.  Он автоматически заботится об установке зависимостей, компиляции, объединении и быстрой перезагрузке по мере ввода данных.

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

1) Python для начинающих: введение в Python.
2) Курс Adobe Premiere Pro CC - от начального до продвинутого.
3) Стек PERN. Создайте клон Yelp - Postgres, Express, React, Node.

#Курсы
Davur - HTML шаблон панели администратора для заказа еды в ресторане, кафе, интернет-магазинах . 

Комплектация: 
- HTML файлы,
- файлы jQuery и jаvascript,
- CSS и файлы Sass,
- документация.

#шаблоны
Шпаргалка по БЭМ. Классное объяснение как работать с CSS-препроцессорами и БЭМ. Список рекомендаций по неусложнению жизни себе и другим участникам проекта по вёрстке.

БЭМ (Блок, Элемент, Модификатор) — компонентный подход к веб-разработке. В его основе лежит принцип разделения интерфейса на независимые блоки. Он позволяет легко и быстро разрабатывать интерфейсы любой сложности и повторно использовать существующий код, избегая «Copy-Paste».

#html #css