Как разработать дизайн и код персонального веб-сайта

Спасибо за перевод. Хоть с автором оригинальной статьи я во многом не согласен, но все же статья отличная.

В 2020-м? Забудьте всё это.

Если ваша задача — "Нарисовать и запустить собственный сайт" (это более корректный перевод заголовка), то ставьте бесплатную CMS Joomla или WordPress, прицепите к ней любой бесплатный шаблон на Boostrap 3/4, и добавьте в него немного своего дизайна. Всё. Ну или сделайте его на Тильде.

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

Не знаю, о чём думал автор статьи, отправляя людей в пешее эротическое путешествие сначала по прототипам, потом в Figma, потом в изучение верстки и CSS — и это всё, чтобы сайт запустить. Грохнуть на это где-то погода и на выходе получить сайт, по всем параметрам проигрывающий самому простому шаблону? Это даже как метод для самообучения не годится.

Не говоря уж о том, что автор сам себе противоречит:

Зачем проектировать самостоятельно?
1) Выделяться из общей массы

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

И за счёт этого выделяться, ага.

Ну и всякие перлы как переводческие, вроде "использовать разные лица шрифта", до технических "а теперь просто сделайте ваш сайт отзывчивым".

Напомнило "Как нарисовать сову?-- рисуем каркас совы, потом рисуем всю оставшуюся сову. Готово!"

Эта статья расскажет о том, как практиковать дизайн через процесс создания персонального сайта с нуля и превращения его в код.

Краткое содержание статьи: чтобы научиться, создайте сайт и превратите его в код.
Чуть более подробное содержание: создайте каркас, примените дизайн, сделайте макет, сделайте дизайн, сделайте HTML+CSS, добавьте отзывчивость, наполните контентом, продолжайте тренироваться.
Эм…
Что полезного содержит статья? Какие-то хитрые тонкости или неочевидные приёмы, выстраданные многотрудным опытом? Чек-лист для того, чтобы не пропустить важные этапы разработки? Список ресурсов, помогающих прорваться через особо трудные этапы?
На кого ориентирована статья, она принесет пользу входящему, начинающему, опытному разработчику UX или UI дизайна, верстальщику, фронтэнд-разработчику, менеджеру?

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

TL;DR: Будьте уникальны, творите, пусть ваш сайт засияет на фоне одинаковых шаблонных решений. А теперь мы вам расскажем каким строжайшим правилам, чётким конкретным выверенным шаблонам он должен соответствовать, и каким совершенно обязательным функционалом он должен обладать, чтобы достичь этой цели!