Кращі шпаргалки, путівники та документи для веб-дизайнерів та веб-розробників

автор: Bradley Nice, менеджер контенту на ClickHelp.com - інструмент програмної документації

Жоден веб-дизайнер чи веб-розробник не може запам'ятати все. Тож їм слід постійно звертатися до деяких веб-сайтів та обману. Сьогодні я склав чимало шпаргалок, путівників та документів, щоб заощадити час та зусилля для них. У цій публікації ви знайдете корисні посилання та друковані версії для веб-мов, CMS та графічних редакторів. Будь ласка, насолоджуйтесь!

Веб-мови

HTML - мова розмітки HyperText

  • HTML лексика (веб)
  • HTML-шпаргалка для початківців (.png)
  • Шаблон таблиці тегів HTML5 (PDF та .png)
  • HTML5 шпаргалка (.png)
  • HTML5 Visual Cheat Sheet (.jpg)
  • HTML5 шпаргалки тегів (.png)
  • Підтримка браузера HTML5 (.png)
  • HTML Canvas Sheet Sheet (.jpg)
  • HTML5 Canvas Sheet Sheet (.png)
  • Шпаргалка Mega HTML5 (.jpg)
  • HTML-шпаргалка (включені нові теги HTML5) (PDF та jpg)
  • Чит-лист для початківців (PDF)
  • HTML5 Visual Cheat Sheet (PDF)

CSS - Каскадні таблиці стилів

  • CSS-лексика (веб)
  • Чит-лист медіа-запитів (веб)
  • fontfamily.io - Перевірте сумісність локальних шрифтів за замовчуванням (веб)
  • Остаточний чіт-лист CSS, що включає теги CSS3 (PDF)
  • Інфографіка шпаргалки Mega CSS3 (PDF & .jpeg)
  • CSS шпаргалка (PDF)
  • CSS шпаргалка (.jpg)

Популярні рамки CSS

  • Основна шпаргалка для завантажувача 3 (PDF)
  • Повна чітка таблиця посилань на іконку (веб)
  • Bootstrap 3 Glyphicons Cheatsheet (Web)
  • Фундація 5 (веб)

JavaScript та jQuery

  • Основний чіт-лист jQuery для початківців (.png)
  • jQuery Quick API Reference (Web)
  • jQuery 1.7 Visual чіт-лист (PDF)
  • Шаблон Javascript (веб)
  • jQuery Cheatsheet (Web)
  • Шаблон таблиці регулярних виразів JavaScript (веб)
  • jQuery 1.3 Cheat Sheet (.png)
  • jQuery 1.9 Mega Cheat Sheet (.jpg)

PHP

  • PHP шпаргалка (веб)
  • Перетворювач дати та часових позначок PHP (веб)
  • PHP шпаргалка Дейва дитини (png & PDF)
  • PHPUnit шпаргалка (PNG та PDF)
  • Коротка довідкова діаграма (PDF)
  • WordPress PHP шпаргалка (jpg)
  • Шаблони довідки PHP (PDF)

Шпалери CMS

WordPress

  • Офіційна довідка про код WordPress (Web)
  • WordPress Codex (Web)
  • Повний шпаргалка WordPress (PDF)
  • Теги шаблонів WordPress (PDF)
  • WordPress Plugin API Cheat Sheet (PDF)
  • Візуальний чіт-лист WordPress (PDF)

Joomla!

  • Joomla! Офіційна документація (Web)
  • Joomla! 3.x Шаблон шаблонів (PDF)

Революція MODx

  • Документація по революції MODx (Web)
  • Шаблони MODx Revolution (PDF)

Бетон5

  • Concrete5 Офіційні документи (веб)

Drupal 7

  • Документи спільноти Drupal (веб)
  • Друпал 7 баз даних (PDF)
  • Drupal jQuery cheatsheet (PDF)
  • Drupal 7 Cheatsheet (PDF)

Інструменти розробника браузера

  • Chrome Devtools Cheatsheet (веб)
  • Шаблон клавіш швидкого доступу клавіатури та миші (Firebug) (веб)

Git & GitHub

  • Git Cheatsheet (PDF)
  • Візуальний чіт-лист GitHub (PNG)
  • Список цікавих особливостей Git та GitHub (Web)
  • Схема Git Pretty (PDF)

Піднесений текст

  • Підвищений текст 3 шаблону OSX (веб)

Електронна пошта та бюлетені

  • Електронна шпаргалка тегів з’єднання MailChimp (веб)
  • Шаблон шаблону монітора кампанії (PDF)

Соціальні засоби комунікації

  • Шаблон таблиці розмірів соціальних медіа (PSD)
  • Електронна шпаргалка соціальних медіа (PDF)

SEO

  • SEO-чіт-лист веб-розробника (PDF)
  • On-page SEO-шпаргалка (веб)

Графічні редактори

Ескіз

  • Ескіз 3 візуального шпаргалки (PNG)
  • Комбінації клавіш для програми Sketch (Web)

Adobe Photoshop

  • Клавіатурні скорочення Adobe Photoshop (AZERTY) (JPG)
  • Комбінації клавіш Adobe Photoshop (QWERTY) (JPG)
  • Adobe Photoshop Reference Cheatsheet через Cheetyr (Web)

Adobe Illustrator

  • Клавіші швидкого доступу Adobe Illustrator (QWERTY) (JPG)
  • Клавіатурні скорочення Adobe Illustrator (AZERTY) (JPG)
  • Adobe Illustrator Reference / Cheatsheet через Cheetyr (Web)

Зручні контрольні списки

  • Розширення контрольного списку веб-розробників для Chrome Розширення Chrome (CE)
  • Контрольний список візуального веб-дизайну (Web)
  • Створити контрольний список для професійних веб-сайтів WordPress (веб)
  • Контрольний список веб-доступності (Web)
  • IxD - контрольний список дизайну взаємодії (веб)

Якщо ви знаєте будь-які інші корисні матеріали, будь ласка, підкажіть, і я додам їх до списку.

Гарного дня!

Бредлі Ніцца,
Content Manager на ClickHelp.com - найкращий інструмент онлайн-документації для постачальників SaaS