Шпаргалки для веб-разработчиков

Программируя, я часто забываю какие-то простые вещи. Например, какие-нибудь свойства. Лезть в гугл и искать забытое отнимает время.

Поэтому мой выбор — шпаргалки. В 90% случаев там есть нужный мне ответ.

Сегодня я поделюсь с вами списком своих любимых шпаргалок, помогающих мне экономить время в ходе веб-разработки.

HTML Cheatsheet

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

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

CSS Cheatsheet

Собственно, это не отдельный ресурс, а отдельная вкладка htmlcheatsheet.com. Здесь вы найдете CSS-свойства, генераторы text-shadow, пипетку для выбора цвета и сниппеты часто используемого кода.

JavaScript Cheatsheet

Во вкладке «JavaScript» того же htmlcheatsheet.com содержатся полезные сниппеты. Циклы, переменные, объекты, типы данных, строки, события — по всем этим и многим другим категориям есть примеры кода.

Grid Layout

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

FlexBox

Визуальная шпаргалка по CSS flexbox. Содержит все flexbox-свойства с визуальными примерами.

JavaScript

Справочник по концепциям JavaScript, от базовых до продвинутых (13 страниц, в PDF). ES6+, DOM API, цикл событий, функции, массивы, объекты и т.д.

React

Простая шпаргалка с различными примерами кода. Она непременно поможет ускорить вашу работу с React.

Git

В этой шпаргалке для вашего удобства собраны самые полезные и удобные git-команды.

Итоги

Шпаргалки — отличная вещь, когда нужно быстренько что-то подсмотреть. Их применение очень повышает продуктивность работы. Надеюсь, мой список шпаргалок вам пригодится.

Перевод статьи «Cheat Sheets that always save my time during web development».

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