CodeRoll | Web & Design

2022-07-26 13:00:57 column-rule

Если верстка состоит из колонок и между ними нужен разделитель, есть очень простой способ их создать - это свойство column-rule!

column-rule - это краткая форма записи для column-rule-width, column-rule-style, и column-rule-color, с помощью которых задаются стили для разделителя.

Подробности в статье!

Ссылка на статью

#css Открыть/Комментировать

2022-06-23 13:01:19 PixiJS — это библиотека рендеринга, которая позволяет создавать богатую интерактивную графику, кросс-платформенные приложения и игры без необходимости углубляться в WebGL API или разбираться с совместимостью браузеров и устройств.

Ссылка на сайт

#инструменты Открыть/Комментировать

2022-06-22 13:00:58 Java5cript - это сайт, на котором собраны бесплатные источники для изучения JavaScript.
На нем предоставлены ссылки на книги, курсы, рекомендуемые видео и ресурсы для подготовки к собеседованию.

Ссылка на сайт

#js Открыть/Комментировать

2022-06-21 13:01:13 SMACSS vs. BEM

Не все фанаты BEM.

Если вы в разработке относительно недавно, то возможно и не слышали о других методологиях.

SMACSS - это еще одна методология, помогающая с организацией кода. Аббревиатура расшифровывается, как Scalable and Modular Architecture for CSS (масштабируемая и модульная архитектура для CSS). 

Базовые категории SMACSS: 
- Base - в эту категорию входят правила, которые определяют внешний вид элементов по умолчанию;
- Layout - категория для стилей, с помощью которых страница разделяется на секции;
- Module - это повторно используемые части дизайна(меню, модальные окна и др.);
- State - категория для стилей состояния;
- Theme - в эту категорию входят стили, отвечающие за внешний вид макетов и модулей;

В статье дается сравнение BEM и SMACSS. А на официальном сайте SMACSS можно почитать онлайн или скачать руководство по использованию данной методологии.

Ссылка на статью

Ссылка на официальный сайт SMACSS

#css Открыть/Комментировать

2022-06-20 13:01:11 Советы по GitHub

На GitHub есть полезный функционал, о котором, вы возможно не знали!
  
Например, если зайти в какой-нибудь репозиторий на GitHub и нажать кнопку ".", то проект откроется в онлайн-редакторе VS Code.  

В статье рассказывается про 8 функций GitHub, которые могут вам пригодиться! 

Ссылка на статью

#статьи Открыть/Комментировать

2022-06-19 13:01:19 Shadow Gradients - это генератор цветных теней с градиентом. 

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

Ссылка на сайт

#дизайн Открыть/Комментировать

2022-06-18 13:00:47 AbortController

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

Сделать это в Node.js было сложной задачей в течение очень долгого времени. В Node v15.0.0 появился AbortController для решения вышеуказанной проблемы. 

Данная статья является руководством по AbortController и AbortSignal API.

Ссылка на статью

#nodejs Открыть/Комментировать

2022-06-17 13:00:52 Pinia - это официально признанная библиотека управления состоянием для Vue.

Даже создатель Vue Эван Ю назвал его фактически Vuex 5. 

Pinia была создана Эдуардо Сан Мартином Мороте, тем же членом команды Vue, который создал Vue Router.
 
Но знаете ли вы, почему стоит использовать Pinia вместо Vuex?

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

Ссылка на статью

#vue Открыть/Комментировать

2022-06-16 13:01:09 Small dev tools - это еще один полезный ресурс с различными инструментами:
- JSON декодер
- инструмент для форматирования JSON
- BASE64 декодер
- декодер и энкодер URL
и другие!

Ссылка на сайт

#инструменты Открыть/Комментировать

2022-06-15 13:01:17 checkiO - это ресурс для изучения и практики TypeScript и Python, где обучение проходит в игровой форме. Задания представлены в виде миссий и для перехода на следующий уровень нужно написать код.

Принять участие в игре может любой желающий. Участники демонстрируют решение задач и получают оценки от других пользователей.

Ссылка на сайт

#js Открыть/Комментировать