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

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

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

По всем вопросам пишите сюда - @yankovsky_ads
Download Telegram
reduce

Метод reduce - мощный и полезный метод массива, с помощью которого можно проделывать множество операций. 

10 продвинутых приемов и советов для reduce в этой статье!

Ссылка

#js
May 1, 2023
May 3, 2023
May 5, 2023
Мониторинг Node.js приложения

Мониторинг Node.js важен для поддержания стабильности, надежности и производительности приложений.

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

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

Ссылка

#nodejs
May 8, 2023
Bokeh Effect

Bokeh Effect (Боке эффект) — это эффект размытого фона, обычно создающийся в фотографии.

Но подобный эффект можно создать и с помощью CSS и JavaScript!

8 примеров создания в статье.

Ссылка

#дизайн
May 10, 2023
Нашли кое-что действительно интересное для тех, кто хочет создавать тренды в мире технологий. 
⚡️ South HUB — кэмп для руководителей в ИТ, который пройдет с 12 по 16 июня в Сочи. 
400 настоящих и будущих CTO соберутся на Курорте Красная Поляна, чтобы обменяться знаниями, опытом и найти партнеров. Нетворкинг начинается ещё до кэмпа: все CTO уже собрались здесь
Кэмп про профессиональное развитие с акцентом на work-life-balance. Программа включает в себя обширную конференц-часть, отдельный день спорта, серию вечеринок и детскую научно-исследовательскую конференцию. 

Где встречаемся?
На высоте 960 всесезонного горного Курорта Красная Поляна
Вся информация тут.
May 11, 2023
DevTools Tips - ресурс, на котором собраны советы по использованию панели разработчика. 

О некоторых возможностях DevTools вы возможно даже не подозревали! Например, что через нее можно ускорить или замедлить видео со страницы или что можно отлаживать CSS стили для печати, включив эмуляцию print media.

Ссылка

#инструменты
May 12, 2023
May 15, 2023
CSS HD Gradients - это интерактивный инструмент для создания HD-градиентов, созданных с использованием современных цветовых форматов, таких как oklab, LCH, HSL, sRGB и других.

Ссылка

#css
May 17, 2023
Валидация URL

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

Ссылка

#js
May 19, 2023
gridstack.js - это библиотека для создания интерактивных дашбордов с возможностью перетаскивания элементов и изменения их размеров. Она совместима React, Vue, Angular, Knockout.js.

Демо можно глянуть на сайте.

Ссылка

#инструменты
May 22, 2023
May 24, 2023
Hapi - это простой и безопасный Node.js фрэймворк с полной готовой функциональностью для создания мощных и масштабируемых приложений. 

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

Ссылка

#nodejs
May 26, 2023
tech icons - это ресурс с логотипами популярных библиотек, инструментов, технологий в формате PNG и SVG.

Ссылка

#дизайн
May 29, 2023
May 31, 2023
June 2, 2023
@scope 

Когда-то в HTML существовал атрибут scoped для элемента style, но он устарел. Атрибут указывает, что стили применяются не ко всему документу, а только к родительскому элементу и его дочерним элементам. Элемент <style> при этом размещается не внутри элемента <head>, а внутри того родительского элемента для которого применяются стили. То есть таким образом, можно было ограничивать области видимости стилей. 

Был сделан запрос на возврат данной возможности и тогда был добавлен @scope в CSS. Поддержка браузерами пока ожидается. Но по прогнозам он должен уже появиться в Chrome 117.

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

Ссылка

#css
June 5, 2023
Strawberry - это фронтенд фреймворк, который создает реактивность. Он делает это с нулевыми зависимостями, без шага сборки и занимает менее 4 КБ в сжатом виде.

Strawberry — это не альтернатива React, Vue и т. д. Это альтернатива Vanilla JS. Он подходит для небольших и простых приложений.

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

Ссылка

#js
June 7, 2023
Rewind UI - это библиотека UI компонентов, созданная специально для использования с React и Tailwind CSS.

Она предлагает ряд доступных, легко настраиваемых компонентов, которые можно интегрировать в любой проект React. Rewind UI поставляется с набором стилей по умолчанию, которые могут настраиваться с помощью классов Tailwind CSS.

Ссылка

#react
June 9, 2023
June 12, 2023
June 14, 2023