CodeRoll | Web & Design

2022-04-27 13:01:26 Метод groupBy

В июне 2021 было предложено добавить метод groupBy в Array API.

groupBy, как уже понятно из названия, группирует объекты по какому-то параметру.

Работает он также, как map, filter и reduce. Принимает в качестве параметра callback функцию, которая вызывается для каждого элемента и возвращает новый объект сгруппированных данных.

Сейчас groupBy проходит 3 стадию рассмотрения и не работает пока полноценно. Для его использования нужен полифилл.

Более подробная информация и пример использования в данной статье.

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

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

2022-04-26 13:02:03 CSS функции

Как много CSS функций вы знаете и сколько из них используете на практике? Самой известной и часто используемой является calc. 

Но есть еще и другие не менее полезные: clamp, min и max.

Например, c помощью функции min можно задать размер шрифта: font-size: min(25px, 1vw);  
Тогда он никогда не будет больше 25px и будет уменьшаться до 1vw в зависимости от размера viewport.  

Более подробно о функциях и их применении на практике читайте в статье.

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

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

2022-04-25 13:00:50 Отмена последнего коммита

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

Отмена коммитов может выполняться различными способами в зависимости от того, как бы вы хотели сохранить историю git.

В статье представлено 4 способа!

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

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

2022-04-24 13:00:21 Easy easings - это генератор для создания анимации ключевых кадров (keyframes animation).

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

На выходе вы получаете готовый CSS код.

Ссылка на генератор

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

2022-04-23 13:00:27 Deno & MongoDB

В одном из постов уже была информация о Deno. 

Напомним, что Deno — это современная среда выполнения для JavaScript и TypeScript, аналог Node.js.

Забавный факт: Deno — это анаграмма. Переставьте буквы в Node и получится Deno.

В сегодняшнем посте делимся ссылкой на обучающую статью по созданию сервера с помощью Deno и MongoDB.

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

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

2022-04-22 13:00:53 Книга по React

Данная книга охватывает базовые основы React. Больше всего подойдет для новичков.

После прочтения у вас будет базовое понимание:
- что такое React и почему он так популярен
- как его установить
- components, state, props
- обработки пользовательских событий
- событий жизненного цикла в компоненте React

Ссылка на книгу

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

2022-04-21 13:01:10 typed.js - это JavaScript библиотека для создания эффекта печатной машинки.

Максимально проста в использовании!

Ссылка на ресурс

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

2022-04-20 13:00:46 JavaScript тест

Проверьте свои знания по JavaScript, пройдя данный тест! 10 вопросов и для каждого дается подробное объяснение.

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

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

2022-04-19 13:02:17 :has

Чего очень не хватает в CSS, так это родительского селектора...Все очень ждали его появления, и дождались в виде псевдокласса :has()!

Пока что он поддерживается только в последней версии Safari.

Но уже советуем познакомиться с его возможностями сейчас. О них вы узнаете из статьи!

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

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

2022-04-18 13:00:33 Safari 15.4

Относительно недавно была выпущена новая версия Safari.

В Safari 15.4 добавлено более 70 дополнений к WebKit, а также новые веб-технологии, обновления и исправления.

Напомним, что WebKit — это движок веб-браузера, используемый Safari, Mail, App Store и многими другими приложениями для macOS, iOS и Linux.

И что же нового и полезного появилось для разработчиков?

Например, была добавлена поддержка элемента

и псевдоэлемента ::backdrop. Элемент

- это тэг для создания модальных окон, а псевдоэлемент ::backdrop позволяет стилизовать фон под модальным окном.

О всех остальных обновлениях читайте в статье.

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

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