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
This media is not supported in your browser
VIEW IN TELEGRAM
Ray — сервис, который позволяет создавать красивые фрагменты кода для различный презентаций. Поддерживает множество языков.

#инструменты
BootstrapVue - набор, состоящий из более чем 85 компонентов, более 45 доступных плагинов, нескольких директив и более 1200 значков, обеспечивает одну из наиболее полных реализаций компонента Bootstrap v4 и системы сеток, доступных для Vue.js v2.6.

#vue
illustrations kit - набор иллюстраций с открытым исходным кодом. В комплекте более 120+ иллюстраций. Вы можете скачать все иллюстрации совершенно бесплатно и использовать их для создания потрясающих дизайнов - целевых страниц, мобильных приложений или презентаций.

#графика
Коротко про интерфейсы :)

#юмор
Hyper - красивый и расширяемый для пользователей интерфейс командной строки, построенный на открытых веб-стандартах. Продукт заточен в первую очередь на скорости, стабильности и разработке правильного API для авторов расширений.

#инструменты
Cork - шаблон админпанели.

Это мощный шаблон административной панели управления CRM, основанный на Bootstrap и Sass, для всех видов серверных проектов. Он поставляется с множеством работающих приложений jаvascript, чтобы с легкостью создать ваше следующее серверное приложение.

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

#статьи
Современный JavaScript для нетерпеливых.

Автор: Кэй С. Хорстман
О книге: 2021 год, 288 страниц, Русский язык, 3.09Mb

Содержание: Данная книга – полное, но при этом лаконичное руководство по версии JavaScript ES6 и выше. Вам не потребуется знаний старых версий языка, а сразу предлагается начать с более мощных современных. Автор бестселлеров Кэй С. Хорстман рассказывает обо всем, что вам необходимо знать, излагая материал небольшими порциями, рассчитанными на легкое усвоение. Практические советы и примеры кода помогут эффективно воспользоваться всеми новшествами, избежать подводных камней и устаревших средств и извлечь максимум пользы из надежных инструментов и фреймворков для разработки ПО на современном JavaScript.

#книги
This media is not supported in your browser
VIEW IN TELEGRAM
Animated Progress Bar - анимированный прогресс бар на чистом CSS с изменением цвета, в зависимости от степени заполнения. Забираем в коллекцию!

#codepen #css
Element Plus - библиотека компонентов на основе Vue 3.0. Вы можете импортировать Element Plus полностью или просто импортировать то, что вам нужно.

#vue
Code Spell Checker - расширение для VS Code для базовой проверки орфографии, которая хорошо работает с кодом camelCase.

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

#vsdoce #расширения
HTML color codes - онлайн инструмент для определения цветовых кодов HTML, шестнадцатеричные цветовые коды, значения RGB и HSL с помощью палитры цветов, цветовой диаграммы и названий цветов HTML.

#инструменты
Just - это библиотека, которая организует задачи сборки для ваших JS-проектов. 

Just состоит из:
- библиотека определения сборки задачи;
- разумные предустановленные потоки сборки для проектов узлов и браузеров с использованием TypeScript, Webpack и jest;
- инструмент для создания шаблонов проекта, который генерирует репозитории, не требующие извлечения, и отслеживает изменения шаблона;

#typescript
Skeleton - это простой адаптивный шаблон для запуска любого адаптивного проекта.

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

Здесь вы не найдете ни Flexbox, ни Grid. будет актуально для тех, кто еще не успел изучить данные модели веб-макета.

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

1) Code Spell Checker - расширение для VS Code для базовой проверки орфографии, которая хорошо работает с кодом camelCase. 
2) Element Plus - библиотека компонентов на основе Vue 3.0. Вы можете импортировать Element Plus полностью или просто импортировать то, что вам нужно.
3) Современный JavaScript для нетерпеливых.
4) Animated Progress Bar - анимированный прогресс бар на чистом CSS с изменением цвета, в зависимости от степени заполнения. 
5) Skeleton - это простой адаптивный шаблон для запуска любого адаптивного проекта.

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

#Лучшее
PDFKit - это библиотека для создания PDF-документов для Node и браузера, которая упрощает создание сложных многостраничных документов для печати. API охватывает цепочку и включает как функции низкого уровня, так и абстракции для функциональности более высокого уровня. 

#javascript
Astro - это свежий, но знакомый подход к созданию веб-сайтов. Astro сочетает в себе проверенные десятилетиями передовые методы производительности. К сожалению, современная веб-разработка движется в противоположном направлении - в сторону большего. Больше JavaScript, больше функций, больше движущихся частей и, в конечном счете, больше сложности, чтобы все это работало бесперебойно.

Используйте свой любимый фреймворк JavaScript и по умолчанию автоматически отправляйте минимальное количество JavaScript.

#cms
Settings Sync — поможет синхронизировать настройки через профиль на GitHub.

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

#vscode
Metronic - адаптивный и многофункциональный шаблон админ-панели, оснащенный блоками Bootstrap, Vue, React, Angular. Шаблон может использоваться для любого типа веб-приложений: настраиваемые панели администрирования, серверы электронной коммерции, CMS, CRM, SAAS. Metronic имеет чистый и интуитивно понятный интерфейс и плоский сбалансированный дизайн, что делает ваш проект привлекательным и дружелюбным.

#шаблоны
Pageable - легкая js-библиотека без зависимостей, которая преобразует веб-страницу в полноэкранную презентацию с прокруткой. Отличный аналог Fullpage.js

#javascript