О внутренностях сайта и благодарности

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

Среда рарзработки

На момент написания статьи сайт разрабатывается с помощью:

  1. MacBook Pro (Retina, 13-inch, Late 2013)
  2. Alfred — просто незаменимая вещь, первое, что нужно поставить на любой Mac всем и каждому. Эдакая магическая палочка, которая делает все от запуска программ, до поиска файлов, до показа погоды, до перекодирования символов и т.д. и т.п.
  3. Sublime Text — лучший текстовый редактор. Не могу сказать, что я перепробовал все текстовые редакторы, но доверяю мнению доброй половины моей компании. Очумительная программа:)
  4. Виртуальная машина с Ubuntu 12.04 LTS на Parallels 10
  5. CodeKit для автоматической компиляции SASS + минификации JS + bower GUI + proxy сервер для тестирования на разных устройствах. Для таких лентяев, как я, отличное простое решение:)
  6. Dash для быстрого, оффлайн доступа к документации
  7. SourceTree опять же для тех кому лень — прекрасный GUI для Git
  8. Moder.ie — Бесплатные виртуалки Microsoft для тестирования сайтов
  9. Fontcustom — для генерации собственного маленького и шустрого icon font;)GitHub — думаю, что не требует представления. Тут в свободном доступе лежат исходники сайта. Теоретически вы даже можете восстановить тему у себя и внести свой вклад в ее доработку:)
  10. Evernote — еще один малоизвестный сервис, с малопонятным назначением:)
  11. Todoist — один из лучших to-do сервисов, вероятно лучший с точки зрения кросс-платформенности
  12. Inkspace — редактор SVG, в котором я собственоручно сотворил вот этот смайлик для 404й ошибки

Добрая половина из перечисленного подсмотрена у AM, за что ему спасибо:)

Технологии

Веб-сервер

  1. Хостинг DigitalOcean. Советую всем: существенно дешевле и проще, чем тот же AWS. Если зарегаетесь по этой ссылке вам +$ и мне за реферала:)
  2. На нем тот же Ubuntu 12.04 LTS
  3. Веб-сервер nginx

CMS

  1. Банально, но не так уж и ужасно — WordPress
  2. Страницы для ускорения загрузки кэшируются плагином WP Super Cache
  3. Комментарии Disqus, потому что так лучше:)

Frameworks и языки

  1. HTML генерируется, очевидно, с помощью PHP и MySQL (ибо WordPress)
  2. CSS пишется с помощью SASS + Compass
  3. JS практические bare-bone. Без jQuery, конечно, не обошлось (я же ленив). Пара функций/идей была позаимствована с доработками из underscore.js, Foundation, Modernizr, Swipe Events
  4. Хочется отметить Foundation, использование которого я в итоге полностью исключил, тем не менее, кусочек кода для генерации html grid остался:)

Статьи, материалы

  1. За иконки спасибо Google Material Icons
  2. Неплохие идеи о том, как сделать удобный сайт в книге Don’t Make Me Think, автор Steve Krug
  3. Спасибо этой серии статей и сайту обзоров шрифтов того же автора за помощь в выборе Open Sans
  4. Небольшой реверанс идет серии статей про форматирование текста в интернете и вертикальный ритм (смешно, что сам сайт ему не полностью следует)