CSS генераторы стилей

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

#дизайн #css

Расширение для Google Chrome

Классная статья о создании расширений для Google Chrome.

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

Вдохновись статьей для создания своего расширения!

#статьи

CSS спрайт

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

В статье ты найдешь примеры, как использовать CSS спрайты.

#css

Ресурсы для изучения JavaScript

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

#js

Speech Synthesis API

Данное API позволяет конвертировать текст в речь, воспроизводимую браузером.

Вещь очень интересная, но в настоящее время поддерживается в экспериментальном режиме.

Демо и примеры как использовать данную вещь, вы найдете в статье.

А на русском языке про данный интерфейс можно посмотреть видео по ссылке.  

#инструменты

Skeleton

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

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

#react

Отладка Node.js

Привыкли дебажить с помощью console.log?

Узнай о других возможностях отладки Node.js.
Подробнее в статье.

#nodejs

Шпаргалка для кнопки

На сайте сравнивается несколько вариантов создания разметки для кнопки.

Показаны наилучшие примеры, а также варианты, которые не стоит использовать.

Продуктивность

Продуктивность не сводится к количеству часов, которые вы проводите за компьютером.

Напротив, продуктивность - это про то, как за меньшее время выполнять больше работы.

В статье вы найдете 6 советов как ее повысить.

#статьи

CSS переменные

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

О синтаксисе и о том, как их использовать подробно в статье.

#css

Сравнение дат

В статье рассказывается, как сравнивать даты на нативном JavaScript, а также с использованием сторонних библиотек.

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

#javascript

Mo.js

JavaScript библиотека для создания анимации. 
С помощью нее можно создавать интересные анимации текста.

Очень проста в работе и подходит для всех типов устройств.

#инструменты

Фильтрация

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

#react

Организация кода Node.js приложений

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

#nodjs

Дизайнерские способности

Забавная игра, которая поможет проверить насколько у тебя наметан глаз, как у дизайнера.

Определи располагается ли элемент четко по центру!

#дизайн

Сherry-pick

Слышали о такой команде git? 
Если еще нет, то советуем данную статью к прочтению.

А если это не в новинку для вас, вспомнить - лишним не будет!

#статьи

Flexbox vs. Grid

Часто бывают ситуации, когда сомневаешься, что лучше использовать Flexbox или Grid.

Небольшая статья, разъясняющая какая технология для чего больше подходит.

#css

Алгоритмы в JavaScript

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

Автор постарался изложить все доступно и с иллюстрациями.

#js

Каталог библиотек

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

#инструменты

Redux VS Context API

Сравнение двух вариантов управления состоянием, их преимущества и недостатки, случаи использования каждого из них.
Обо всем этом подробно в статье.

#react

Сервер на Node.js

Из этой статьи вы узнаете как за несколько шагов создать сервер, а ещё напишите код для обработки запросов и отправки ответов.

Если вы знакомы только с фронтендом, то это хороший шанс стать чуть ближе к бэкэнду!

#nodejs