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
Carbon Design System - это система проектирования с открытым исходным кодом, созданная IBM. Система состоит из рабочего кода, средств проектирования и ресурсов, руководств по человеческому интерфейсу и активного сообщества участников.

#react
Основы работы с Git.

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

#статьи
Radix icons - набор замечательных иконок 15 × 15, разработанный командой Modulz. Можно скачать для различных графических редакторов и svg формате.

#иконки
This media is not supported in your browser
VIEW IN TELEGRAM
Смотрите какую интересную штуку нашел на Codepen. В реальном проекте вряд ли кто-то будет использовать, но выглядит достойно. Тянем за красную точку, чтобы перевернуть слой.

#codepen
Milligram – CSS-фреймворк, созданный для повышения производительности и продуктивности, вокруг которого сплотилось небольшое сообщество разработчиков. С его помощью удобно начинать стилизовать новые проекты.

#css
Barba.js - это небольшая (уменьшенная и сжатая до 7 КБ) и простая в использовании библиотека, которая помогает создавать плавные переходы между страницами вашего веб-сайта.

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

#typescript
Typeratio — онлайн-инструмент, который подбирает межстрочный интервал, в зависимости от размера шрифта.

#инструменты
Vuexok маленький пакет для больших проектов.

Vuexok не заменяет api vuex, а расширяет его, добавляя поддержку типов typescript и дает возможность использовать экшены и мутации без явного использования commit и dispatch, поэтому миграция в большинстве случает пройдет быстро и безболезненно.

#vue
Wysiwyg.css - это простая коллекция стилей, нацеленных на элементы HTML, созданные с помощью редактора WYSIWYG (например, TinyMCE) или Markdown.

#css
This media is not supported in your browser
VIEW IN TELEGRAM
Всем хорошего выходного дня!
🔥 Лучшее на канале за последнюю неделю

1) Barba.js - это небольшая и простая в использовании библиотека, которая помогает создавать плавные переходы между страницами вашего веб-сайта.
2) Основы работы с Git.
3) NanoPop - это крошечная библиотека позиционирования.
4) Milligram – CSS-фреймворк, созданный для повышения производительности и продуктивности.
5) CSS Gradient - это приятный маленький веб-сайт и бесплатный инструмент, который позволяет создавать градиентный фон для веб-сайтов.

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

#Лучшее
В Chrome 89, который теперь доступен для загрузки, поисковый гигант Google наконец-то включил поддержку PartitionAlloc-везде в своем браузере. 

Функция PartitionAlloc-everywhere поставляется с расширенным распределителем памяти, позволяющим сократить использование памяти Chrome до 22% в процессе браузера. Аналогичным образом, Google заявляет, что обновление сократило использование памяти на 8% в рендерере браузера и на 3% в графическом процессоре.

Google Chrome также стал на 9% более отзывчивым, благодаря новым вкладкам, в которых нет улучшений.

#статьи
Algolia Places – библиотека JavaScript для автоматического заполнения форм. Она специализируется на адресах, может добавить карту в поиск и отобразить местоположение. Удивительно точная и сверхбыстрая библиотека повысит удобство работы пользователей с сайтом.

#javascript
GEE! ME - это отличный набор бесплатной flat графики, 100 персонажей и более 400 самых крутых объектов. Вы можете использовать его в любых дизайнерских или девелоперских проектах.

#графика
HtmlReference.io - это бесплатное руководство по HTML. В нем есть все элементы и атрибуты.

#html
Kolumna - отличный онлайн-инструмент, который пригодится как для верстальщиков, так и для дизайнеров. Инструмент поможет рассчитать размер сетки для разных разрешений экрана.

#инструменты
This media is not supported in your browser
VIEW IN TELEGRAM
Tetradic radial-background generator - использование колорпикера в полной мере со сменой заднего фона. Забираем в коллекцию!

#html #css #javascript
Popper - библиотека всплывающих подсказок и механизма позиционирования всплывающих окон.

Основные особенности:
- Помещает всплывающую подсказку или всплывающее окно относительно ссылки с учетом их размеров и позиционирует стрелку по центру ссылки.
- Принимает во внимание множество различных контекстов, в которых он может находиться по отношению к ссылке (разные offsetParents, разные или вложенные контейнеры с прокруткой).
- Сохраняет всплывающую подсказку или всплывающее окно как можно лучше.

#javascript
13 бесплатных хостингов в 2021 году.

1: 000webhost.com
2: Freehostia.com
3: Jimdo.com
4: FreeHosting.com
5: xtreemhost.com
6: 110MB.com
7: AwardSpace.com
8:1FreeHosting.com
9: FreeHostingEU.com
10: Uhostfull.com
11: 50Webs.com
12: ZettaHost.com
13: x10hosting.com

Спасибо за предоставленную информацию участнику нашего дружного сообщества!

#полезное
Какого события DOM не существует в JavaScript?
Anonymous Quiz
1%
click
42%
clickout
18%
dblclick
19%
wheel
8%
select
11%
Все варианты существуют
Создавайте сложные, реактивные, постоянные веб-приложения, просто написав HTML и CSS, без единой строчки JavaScript и без серверной части.

Что такое Маво?
- Mavo расширяет синтаксис HTML для описания веб-приложений, которые управляют, хранят и преобразуют данные.
- Храните данные в облаке, локально или вообще не храните, просто изменив атрибут HTML.
- Редактируйте данные прямо на веб-сайте с помощью интуитивно понятного, автоматически создаваемого настраиваемого интерфейса.
- Мультимедиа загружаются на вашу страницу с помощью перетаскивания, вставки или просмотра без единой строчки кода.
- Выполняйте вычисления прямо в HTML, которые обновляются по мере необходимости. Не нужно писать JavaScript!

Хоть JS и не используется, но библиотеку подключить необходимо.

#html