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

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

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

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
Foont.co - онлайн-игра, в которой Вы сможете попрактиковаться визуально определять шрифт на проекте.

#полезное
PrimeVue — это универсальная, простая в использовании и производительная библиотека UI-компонентов для Vue. Она создана, чтобы помочь вам строить прекрасные пользовательские интерфейсы.
В этой библиотеке вы найдете больше 80 UI-компонентов с адаптивным дизайном.

#vue
Pug - это высокопроизводительный шаблонизатор, созданный под сильным влиянием Haml и реализованный с помощью JavaScript для Node.js и браузеров.

Этот проект ранее назывался «Jade». Однако, «Jade» - зарегистрированная торговая марка; в результате потребовалось переименование.

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

#cms
Elemental UI - набор инструментов пользовательского интерфейса для веб-сайтов и приложений созданных на React.js

#react
Yarn — это хорошо зарекомендовавший себя менеджера пакетов, включающий в себя такие особенности, как: Plug’n’Play, возможность расширения модульного API, оффлайн-кэш и улучшенную поддержку рабочих пространств.

Plug’n’Play — это новая функция, которая по умолчанию включена в Yarn 2. Она избавляет проекты от папки node_modules в пользу файла .pnp.js, который сопоставляет все пакеты, установленные в проекте, с тем местом, где Yarn разместил их на вашем диске

#инструменты
Mosto - отличная коллекция красивых HTML-шаблонов веб-сайтов для ваших нужд. Выберите наиболее подходящий шаблон и приступайте к его настройке.

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

1) Fancy hover animation - простая и в то же время красивая реализация монохромных карточек, которые при наведении становятся цветными.
2) Compressor.io - инструмент для сжатия изображений.
3) Mosto - отличная коллекция красивых HTML-шаблонов веб-сайтов для ваших нужд.
4) Moovie - полностью настраиваемый и простой в использовании медиаплеер для фильмов. 
5) PrimeVue — это универсальная, простая в использовании и производительная библиотека UI-компонентов для Vue.

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

#Лучшее
7 полезных HTML-атрибутов, о которых вы, возможно, не знаете.

Веб-разработчик просто обязан хорошо знать HTML и уметь им пользоваться. Этот язык разметки обладает массой ценных возможностей. В частности, HTML-элементам можно назначать атрибуты, применение которых позволяет расширять возможности элементов.

В этой статье Вы узнаете о таких атрибутах, как:
accept, multiple, contenteditable, download, translate, poster, pattern

#статьи
Angular и TypeScript. Сайтостроение для профессионалов.

Автор: Файн Я., Моисеев А.
О книге: 2018 год, 464 страницы, Русский язык, 40.38Mb

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

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

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

#javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Neumorphic Elements - набор готовых элементов в стиле неоморфизма. Забираем в коллекцию!

#codepen
Squido - это генератор статических веб-сайтов с открытым исходным кодом, написанный на Node.js, предназначенный для пользователей, которые хотят, чтобы веб-сайт работал проще и быстрее. По словам разработчиков, в squido есть все необходимое для начала работы без какого-либо опыта программирования.

#cms
SmolCSS - это минималистичный набор фрагментов и компонентов на CSS, которые ускорят Вашу разработку.

#css
Marsy - это онлайн-инспектор файлов PSD.
Он позволяет получить всю информацию, необходимую для комфортной работы верстальщика. Работает в браузере и доступен абсолютно бесплатно для одного активного проекта.

#инструменты
RVerify.js - легкий плагин проверки для Вашего проекта в виде поворота изображений на javascript с гибкими настройками.

#javascript
Что из перечисленного не относится к способу хранения данных в браузере?
Anonymous Quiz
10%
Сookie
8%
LocalStorage
6%
sessionStorage
11%
IndexedDB
65%
MongoDB
Разработка игр на языке JavaScript

Автор: Беляев С. А.
О книге: 2020 год, 128 страниц, Русский язык, 2.29Mb

Содержание:
Учебное пособие рассматривает ключевые вопросы разработки однопользовательских двумерных игр на языке JavaScript. Пособие построено в практическом ключе, когда в отдельных главах осуществляется поэтапная разработка различных элементов игры. В пособии не выделена отдельная глава для изучения основ JavaScript, его элементы разбираются в процессе изложения основного материала с объяснением базовых особенностей. Читателю будет легче воспринимать учебное пособие, если он уже владеет JavaScript, но достаточно владеть любым языком программирования.

#книги
Guess.js предоставляет библиотеки и инструменты для упрощения подходов, основанных на прогнозной аналитике данных, для улучшения взаимодействия с пользователем в Интернете. Эти данные могут быть получены из любого количества источников, включая аналитические модели или модели машинного обучения.

#typescript
This media is not supported in your browser
VIEW IN TELEGRAM
Simple CSS loaders - готовый изумительный набор анимированных прелоадеров для Вашего проекта на чистом CSS. Забираем в коллекцию!

#html #css