CodeRoll | Frontend

Каталог библиотек Крутой ресурс на котором представлен каталог библиотек для различных эффектов и UI элементов.   Все разделено по категориям. Кликая на одну из которых, вам предлагается список возможных вариантов библиотек. Очень много библиотек для React и Vue. #инструменты

Алгоритмы в JavaScript Многие боятся алгоритмов, воспринимая их как нечто очень сложное. Но бояться нечего! Пора шагнуть на эту новую ступень знаний. Автор постарался изложить все доступно и с иллюстрациями. #js

Flexbox vs. Grid Часто бывают ситуации, когда сомневаешься, что лучше использовать Flexbox или Grid. Небольшая статья, разъясняющая какая технология для чего больше подходит. #css

Как кратно увеличить прибыль, которую приносит новостной сайт? Как лучше монетизировать СМИ? Какие тематики самые выгодные? Как увеличить трафик на сайт, если у вас СМИ? Поговорим об этом 15 декабря в 14:00 на бесплатном вебинаре. СЕО RTBSape Сергей Самонин поделится исследованием на основе данных 11000 сайтов, расскажет про самые выгодные тематики и рекламные форматы для СМИ и новостных порталов. Специальный гость эфира — Николай Новиков, SEO Specialist агентства перфоманс-маркетинга Netpeak (1 место среди SEO-агентств в рейтинге Рунета, Forbes, Sape, Ringostat и др.). Николай расскажет про эффективное SEO-продвижение для СМИ. Зарегистрироваться на вебинар 👉 https://clck.ru/ZCNzr #реклама

Сherry-pick Слышали о такой команде git?  Если еще нет, то советуем данную статью к прочтению. А если это не в новинку для вас, вспомнить - лишним не будет! #статьи

Дизайнерские способности Забавная игра, которая поможет проверить насколько у тебя наметан глаз, как у дизайнера. Определи располагается ли элемент четко по центру! #дизайн

Организация кода Node.js приложений В статье собраны лучшие практические советы для написания читабельного кода Node.js приложений и для его дальнейшего расширения другими разработчиками. #nodjs

Фильтрация В статье показано, как просто реализовать фильтрацию категорий в React с помощью useState.  #react

Как изучить основы HTML и CSS за 5 занятий  HTML и CSS — служат основой каждого сайта, соцсети или интернет-магазина, которыми мы пользуемся каждый день. Знать их полезно не только веб-разработчикам, но и всем, кто работает с вебом — дизайнерам, контент-менеджерам, интернет-маркетологам и руководителям проектов.  На бесплатном курсе Нетологии «Основы вёрстки сайта» вы выполните 16 практических заданий и научитесь самостоятельно вносить изменения в HTML-код, верстать с нуля текстовые блоки, менять внешний вид отдельных элементов сайта с помощью CSS, а также готовить контент для публикации на сайте.  #реклама

Mo.js JavaScript библиотека для создания анимации.  С помощью нее можно создавать интересные анимации текста. Очень проста в работе и подходит для всех типов устройств. #инструменты

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

CSS переменные Как обходиться без препроцессоров и переиспользовать повторяющиеся стили? Воспользуйтесь переменными CSS. О синтаксисе и о том, как их использовать подробно в статье. #css

Продуктивность Продуктивность не сводится к количеству часов, которые вы проводите за компьютером. Напротив, продуктивность - это про то, как за меньшее время выполнять больше работы. В статье вы найдете 6 советов как ее повысить. #статьи

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

Отладка Node.js Привыкли дебажить с помощью console.log? Узнай о других возможностях отладки Node.js. Подробнее в статье. #nodejs

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

Speech Synthesis API Данное API позволяет конвертировать текст в речь, воспроизводимую браузером. Вещь очень интересная, но в настоящее время поддерживается в экспериментальном режиме. Демо и примеры как использовать данную вещь, вы найдете в статье. А на русском языке про данный интерфейс можно посмотреть видео по ссылке.   #инструменты

Ресурсы для изучения JavaScript 8 бесплатных ресурсов для изучения Javascript: сайты, блоги, видео и книги. #js

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

Расширение для Google Chrome Классная статья о создании расширений для Google Chrome. В ней показан пример расширения, которое меняет фон для домашней странички Google. Открывается расширение, вставляется url картинки и по нажатию кнопки "Подтвердить" фон меняется. Вдохновись статьей для создания своего расширения! #статьи