Здесь вы найдете всю информацию и ссылки о моей среде разработки, технологиях, языках и платформах, которые используются на сайте.
Среда рарзработки
На момент написания статьи сайт разрабатывается с помощью:
- MacBook Pro (Retina, 13-inch, Late 2013)
- Alfred — просто незаменимая вещь, первое, что нужно поставить на любой Mac всем и каждому. Эдакая магическая палочка, которая делает все от запуска программ, до поиска файлов, до показа погоды, до перекодирования символов и т.д. и т.п.
- Sublime Text — лучший текстовый редактор. Не могу сказать, что я перепробовал все текстовые редакторы, но доверяю мнению доброй половины моей компании. Очумительная программа:)
- Виртуальная машина с Ubuntu 12.04 LTS на Parallels 10
- CodeKit для автоматической компиляции SASS + минификации JS + bower GUI + proxy сервер для тестирования на разных устройствах. Для таких лентяев, как я, отличное простое решение:)
- Dash для быстрого, оффлайн доступа к документации
- SourceTree опять же для тех кому лень — прекрасный GUI для Git
- Moder.ie — Бесплатные виртуалки Microsoft для тестирования сайтов
- Fontcustom — для генерации собственного маленького и шустрого icon font;)GitHub — думаю, что не требует представления. Тут в свободном доступе лежат исходники сайта. Теоретически вы даже можете восстановить тему у себя и внести свой вклад в ее доработку:)
- Evernote — еще один малоизвестный сервис, с малопонятным назначением:)
- Todoist — один из лучших to-do сервисов, вероятно лучший с точки зрения кросс-платформенности
- Inkspace — редактор SVG, в котором я собственоручно сотворил вот этот смайлик для 404й ошибки
Добрая половина из перечисленного подсмотрена у AM, за что ему спасибо:)
Технологии
Веб-сервер
- Хостинг DigitalOcean. Советую всем: существенно дешевле и проще, чем тот же AWS. Если зарегаетесь по этой ссылке вам +$ и мне за реферала:)
- На нем тот же Ubuntu 12.04 LTS
- Веб-сервер nginx
CMS
- Банально, но не так уж и ужасно — WordPress
- Страницы для ускорения загрузки кэшируются плагином WP Super Cache
- Комментарии Disqus, потому что так лучше:)
Frameworks и языки
- HTML генерируется, очевидно, с помощью PHP и MySQL (ибо WordPress)
- CSS пишется с помощью SASS + Compass
- JS практические bare-bone. Без jQuery, конечно, не обошлось (я же ленив). Пара функций/идей была позаимствована с доработками из underscore.js, Foundation, Modernizr, Swipe Events
- Хочется отметить Foundation, использование которого я в итоге полностью исключил, тем не менее, кусочек кода для генерации html grid остался:)
Статьи, материалы
- За иконки спасибо Google Material Icons
- Неплохие идеи о том, как сделать удобный сайт в книге Don’t Make Me Think, автор Steve Krug
- Спасибо этой серии статей и сайту обзоров шрифтов того же автора за помощь в выборе Open Sans
- Небольшой реверанс идет серии статей про форматирование текста в интернете и вертикальный ритм (смешно, что сам сайт ему не полностью следует)