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
Video.js - это веб-видеопроигрыватель, созданный с нуля для мира HTML5. Он поддерживает видео HTML5 и современные форматы потоковой передачи, а также YouTube, Vimeo.

Он поддерживает воспроизведение видео на настольных и мобильных устройствах. Проект был запущен в середине 2010 года, в настоящее время он насчитывает сотни участников и используется на более чем 450 000 веб-сайтов.

#javascript
Layout Templates with CSS Grid.

Для тех, кто только начал изучение технологии Grid CSS - можете ознакомиться с некоторыми примерами расположения элементов в сетке.

#css
Koding - онлайн инструмент с открытым исходным кодом, который предоставляет разработчикам и менеджерам команд интерфейс для оптимизации рабочих процессов разработки в облаке без ограничения свободы и творчества. Тратьте меньше времени на настройку и больше на создание!

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


#инструменты
🔥 Лучшее на канале за последнюю неделю

1) Визуализация промисов и Async/Await.
2) CSSeffects Snippets – замечательная коллекция CSS-эффектов (анимация, текст, кнопки), выполненная с помощью Vue.js.
3) Video.js - это веб-видеопроигрыватель, созданный с нуля для мира HTML5.
4) Layout Templates with CSS Grid - примерами расположения элементов в сетке.
5) Visiwig - набор качественных svg и шрифтовых иконок для интерфейсов, а так же набор бесшовных фонов для сайта на одном ресурсе.

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

#Лучшее
Вёрстка - это просто, если...

Автор ютуб-канала "Просто: разработка" - Виталий Киренков, рассказывает о 10 главных навыках, которыми должен обладать верстальщик.

#html #css
Какое из свойств CSS сработает на установление фона в виде картинки?
Anonymous Quiz
7%
background: image('image.svg')
58%
background: url('image.svg')
32%
background-image: ('image.svg')
1%
background-url: ('image.svg')
2%
background-url: image('image.svg')
Hexo - быстрый, простой и мощный фреймворк для блогов.

Основные особенности:
- Невероятная скорость генерации благодаря Node.js. Создание сотен файлов занимает всего несколько секунд.
- Вам нужна только одна команда для развертывания вашего сайта на GitHub Pages, Heroku или других платформах.
- Поддерживаются все функции GitHub Flavored Markdown, включая большинство плагинов Octopress.
- Предлагает мощные API-интерфейсы для безграничной расширяемости. Доступны различные плагины для поддержки большинства движков шаблонов (EJS, Pug, Nunjucks и многих других).

#node
vscode-icons - это расширение очень простое, но очень крутое, потому что делает ваш VS Code более красивым с огромным списком значков для разных форматов файлов. Замечательной функцией этого расширения является то, что папки могут изменять значки в соответствии с именем, эта функция может быть очень полезной для более быстрого поиска файлов.

#расширения #vscode
10 команд curl, которые вам следует знать.

Команда Mail.ru Cloud Solutions перевела статью, автор которой составил краткий справочник часто используемых команд curl для протоколов HTTP/HTTPS. Это не замена официального руководства по cURL, скорее, краткий конспект.

#статьи
Snowpack - это молниеносный инструмент для сборки интерфейса, созданный для современной разработки. Это альтернатива более тяжелым и сложным пакетам, таким как webpack или Parcel. 

Snowpack использует собственную модульную систему JavaScript (известную как ESM), чтобы избежать ненужной работы и работать быстрее, независимо от того, насколько большой ваш проект.

#инструменты
This media is not supported in your browser
VIEW IN TELEGRAM
CSS filter Editor - реализация фильтра на JS по наложению CSS эффектов на изображение. на борту большое кол-во различных эффектов.

#css #javascript
GIPHY API - с помощью этого интерфейса, можно легко взаимодействовать с самой большой в мире библиотекой GIF и стикеров.

У бета-ключей, скорость ограничена (50 операций чтения в час и 100 запросов / вызовов API в день).

#api
Vuelidate - Минималистичная библиотека, без зависимостей, для валидации форм на Vue.JS

Основные особенности:
- Поддержка проверок коллекций.
- Поддержка вложенных моделей.
- Контекстные валидаторы.
- Легко использовать с настраиваемыми валидаторами (например, Moment.js).
- Поддержка композиции функций.
- Проверяет различные источники данных: геттеры Vuex, вычисленные значения и т.д.
- Высокое тестовое покрытие.

#vue
Words To Numbers - интересная библиотека JavaScript для распознавания и конвертирования слов в числа. Если переданная строка является числом, она возвращает ее числовое значение, в противном случае возвращает начальную строку со всеми случаями замены чисел.

#javascript
Calcolor - онлайн-инструмент, который поможет выяснить всю информацию о цвете, начиная от его кода и заканчивая оттенками.

#инструменты
🔥 Лучшее на канале за последнюю неделю

1) vscode-icons - это расширение очень простое, которое делает ваш VS Code более красивым с огромным списком значков для разных форматов файлов. 
2) Вёрстка - это просто, если... - 10 главных навыков, которыми должен обладать верстальщик.
3) Hexo - быстрый, простой и мощный фреймворк для блогов на node.js.
4) 10 команд curl, которые вам следует знать.
5) CSS filter Editor - реализация фильтра на JS по наложению CSS эффектов на изображение.

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

#Лучшее
Sharect — это крошечная библиотека JS без зависимостей для использования текстовых выделений в социальных сетях. Добавив библиотеку в свой проект, вы можете позволить своим пользователям быстро публиковать выделенные тексты в Twitter и Facebook.

#javascript
Оптимизация JS и CSS | Корректная загрузка ресурсов сайта.

В данной статье рассмотрены основные приёмы оптимизации загрузки ресурсов, которые нужны в целях ускорения сайта.

#статьи
This media is not supported in your browser
VIEW IN TELEGRAM
Confirm confetti button - красивые кнопки, выполненные при помощи GSAP (стандарт веб-анимации). При клике вылетает конфетти. Забираем в коллекцию!

#javascript
Illustrations - набор иллюстраций с открытым исходным кодом. Вы можете загрузить более 120 иллюстраций совершенно бесплатно и использовать их для создания потрясающих дизайнов: целевых страниц, мобильных приложений или презентаций.

#графика
Luckysheet - это мощная, простая в настройке и полностью открытая система электронных таблиц, подобная Excel.

#javascript