Новая версия этого сайта

При­мер­но пол­то­ра ме­ся­ца на­зад, 23 июня (Да, с мо­мен­та пе­ре­за­пус­ка до пуб­ли­ка­ции это­го по­ста про­шло боль­ше ме­ся­ца —хо­те­лось по­смот­реть как сайт бу­дет себя ве­сти и по­пра­вить ещё несколь­ко мо­мен­тов.), я в оче­ред­ной раз пе­ре­за­пу­стил свой сайт. Слож­но вспом­нить ко­то­рая это уже вер­сия. Но если счи­тать с са­мо­го на­ча­ла, с тех вре­мён, ко­гда я ещё не умел вер­стать, то это, по­лу­ча­ет­ся, уже три­на­дца­тая ма­жор­ная вер­сия. Или око­ло того. Ко­неч­но, если не учи­ты­вать неза­кон­чен­ные и вы­ки­ну­тые в кор­зи­ну ва­ри­анты.

Немного истории

Cа­мый пер­вый мой сайт по­явил­ся в ин­тер­не­тах чет­вёр­то­го но­яб­ря 2001 года. То­гда я ещё не знал что та­кое CSS. Не знал со­всем: даже не пред­став­лял, что та­кая вещь как CSS су­ще­ству­ет —сайт был сде­лан на фрей­мах и таб­ли­цах. На сай­те рас­по­ла­га­лось, в ос­нов­ном, моё вся­че­ское твор­че­ство. На­при­мер, кар­ты для игры He­roes of Might and Magic III, ду­рац­кая по­э­зия, а та­к­же вся­кая про­чая ерун­да. По­на­ча­лу сайт хо­стил­ся на бес­плат­ном bk.ru, по­том —дол­гое вре­мя на «на­ро­де», где пре­тер­пел кучу из­ме­не­ний и ещё це­лых во­семь вер­сий не имел ни­че­го об­ще­го с тем, что сей­час мож­но на нём об­на­ружить.

В де­каб­ре 2006 года я впер­вые про­чи­тал спе­ци­фи­ка­ции CSS, и, чуть боль­ше года спу­стя, в фев­ра­ле 2008 года, за­пу­стил де­вя­тую вер­сию сай­та, уже на сво­ём до­мене —kizu.ru. К тому мо­мен­ту я уже что-то по­ни­мал в вёрст­ке —в те годы я очень ак­тив­но пи­лил сти­ли для ЖЖ, на­чи­ная с вёрст­ки толь­ко CSS-пе­ре­опре­де­ле­ни­я­ми, и за­кан­чи­вая пол­но­стью ка­стом­ны­ми рас­клад­ка­ми. По­то­му но­вый сайт стал по­свя­щён толь­ко вёрст­ке, а всё твор­че­ство оста­лось раз­ве что у меня в ар­хи­вах, да в том са­мом под­за­моч­ном ЖЖ.

В са­мом на­ча­ле в ка­че­стве движ­ка для kizu.ru я взял Mov­able Type. По­том, в ав­гу­сте 2009 года, ко­гда я ещё глуб­же по­гру­зил­ся в вёрст­ку и на­учил­ся де­лать со­всем всё с ноля, я пре­вра­тил сайт в на­бор обыч­ных ста­тич­ных html-фай­лов. А к фев­ра­лю 2011 года мне уже немно­го на­до­е­ло под­дер­жи­вать сайт вруч­ную (точ­нее, при по­мо­щи ре­гу­ляр­ных вы­ра­же­ний и гло­баль­но­го по­ис­ка и за­ме­ны в ре­дак­то­ре), так что я опять за­мо­ро­чил­ся на ка­кую-то ав­то­ма­ти­за­цию и ре­а­ли­зо­вал всё то, что на тот мо­мент было го­то­во в ста­ти­ке, но уже на ге­не­ра­то­ре ста­ти­ки nanoc.

И ещё два года спу­стя, 17 ян­ва­ря 2013 года, я пе­ре­за­пу­стил сайт на Jekyll, с хо­стин­гом на GitHub Pages. Но на этот раз я пол­но­стью пе­ре­осмыс­лил ди­зайн и все­рьёз за­мо­ро­чил­ся ти­по­гра­фи­кой. Это была преды­ду­щая, две­на­дца­тая вер­сия сай­та, с ко­то­рой я про­жил боль­ше трёх с по­ло­ви­ной лет.

Тринадцатая версия

Движок

На этот раз я сно­ва всё пе­ре­пи­сал с ноля. Два­жды! Так, мною хва­ли­мый по­на­ча­лу Jekyll на­чал мне жать. Из ко­роб­ки (то бишь, в той вер­сии, что по­став­ля­ет­ся с GitHub Pages), он уме­ет не так мно­го. А вся­ких про­дви­ну­тых воз­мож­но­стей (в ос­нов­ном, для за­мо­ро­чек с ти­по­гра­фи­кой) в нём мож­но было до­стичь толь­ко либо очень ад­ским ко­дом на встро­ен­ном шаб­ло­ни­за­то­ре Liq­uid, либо на­пи­са­ни­ем сто­рон­них пла­ги­нов на ruby. В Liq­uid я быст­ро упёр­ся в по­то­лок его воз­мож­но­стей (хотя и на­тво­рив там того, что вряд ли кто-то на нём до это­го де­лал), а пла­ги­ны на ruby не под­дер­жи­ва­лись на GitHub Pages. А если же бил­дить сайт ло­каль­но из ис­ход­ни­ков и по­том пу­шить толь­ко ста­ти­ку, то мне по­ка­за­лось бо­лее ра­зум­ной иде­ей взять ка­кое-ни­будь ана­ло­гич­ное ре­ше­ние, но толь­ко на JS, ко­то­рый я знаю и по­ни­маю го­раз­до луч­ше, чем ruby.

Вы­бор пал на Doc­pad, на ко­то­ром я прак­ти­че­ски пол­но­стью пе­ре­де­лал сайт. Од­на­ко, чем даль­ше я за­мо­ра­чи­вал­ся с пла­ги­на­ми для него, тем боль­ше он на­чи­нал тор­мо­зить. В ка­кой-то мо­мент, ко­гда сбор­ка ста­ла за­ни­мать уже боль­ше 90 се­кунд, я ре­шил оста­но­вить­ся и по­смот­реть на свой сайт све­жим взгля­дом. По­сле про­дол­жи­тель­ных раз­ду­мий и чте­ния до­ку­мен­та­ции дру­гих ге­не­ра­то­ров ста­ти­ки, я при­шёл к вы­во­ду, что мне ни­че­го из име­ю­ще­го­ся не под­хо­дит. Вез­де мне при­ш­лось бы лезть глу­бо­ко в ядро ге­не­ра­то­ров, пи­сать кучу сво­е­го кода и не по­ла­гать­ся на сто­рон­ние пла­ги­ны. А это бы зна­чи­ло, что мне при­ш­лось бы бо­роть­ся с тем, как ра­бо­та­ют сами ге­не­ра­то­ры, от чего я уже устал, ра­бо­тая с Дже­кил­лом и Док­падом.

В ито­ге, я на­пи­сал прак­ти­че­ски всё сам, взяв за ос­но­ву gulp и тот свой JS, что я уже до это­го на­пи­сал для вы­ки­ну­той вер­сии на Док­па­де. Сра­зу хочу ска­зать, что на ис­ход­ни­ки пока луч­ше не смот­реть. Всё. Очень. Пло­хо. Я изу­чал gulp на лету, про­то­ти­пи­ро­вал, экс­пе­ри­мен­ти­ро­вал. Но даже те­ку­щий да­ле­ко не оп­ти­маль­ный код со­би­ра­ет­ся на по­ря­док быст­рее, чем то, что было в Док­па­де. Око­ло 8-9 се­кунд, при боль­шей функ­ци­о­наль­но­сти и слож­но­сти. А с вот­че­ра­ми от­дель­ные ча­сти пе­ре­со­би­ра­ют­ся и того быст­рее. В пла­нах есть до­ба­вить пе­ре­с­бор­ку толь­ко кон­тен­та кон­крет­ных из­ме­нив­ших­ся по­стов, то­гда всё ста­нет во­об­ще мол­ние­нос­но. А но­вые фичи, даже в те­ку­щий ужас­ный код, до­бав­лять уже очень просто.

В ито­ге, я вся­че­ски рад тому, что ушёл от го­то­вых ре­ше­ний для ге­не­ра­ции ста­ти­ки и изу­чил ос­но­вы gulp. Воз­мож­но, ко­гда-ни­будь что-то из того, что я по­на­пи­сал для сво­е­го сай­та, по­лу­чит­ся от­де­лить и пре­вра­тить во что-то, что и вы смо­же­те ис­поль­зо­вать. Но ни­че­го не обе­щаю. Ну и, ко­неч­но, на­вер­ня­ка в ка­кой-то мо­мент я опять всё пе­ре­смот­рю и пе­ре­де­лаю всё, в ко­то­рый уже раз, на ка­ком-ни­будь мод­ном на тот мо­мент ре­ак­те-веб­па­ке, кто зна­ет! Но вот пря­мо сей­час меня прак­ти­че­ски всё устра­и­вает.

Вёрстка, дизайн и типографика

На ис­ход­ный код сти­лей ана­ло­гич­но не ре­ко­мен­дую смот­реть. Боль­шая часть сти­лей оста­лась от преды­ду­щей вер­сии сай­та, воз­мож­но, что-то чуть-чуть при­че­са­лось, но… Я бы всё взял и пе­ре­пи­сал. Нет, боль­шин­ство ре­ше­ний имен­но в вёрст­ке мне до сих пор нра­вит­ся, но ис­ход­ни­ки —гряз­ные, очень пло­хо струк­ту­ри­ро­ван­ные, не смот­ри­те на них. Са­мое вкус­ное я всё рав­но опи­шу в гря­ду­щих по­стах (Да-да, я по­сто­ян­но обе­щаю всё но­вые и но­вые по­сты, но на этот-то раз я их на­пи­шу! Чест­но-чест­но! :)).

Ди­зайн, на пер­вый взгляд, остал­ся по­чти та­ким же. Но очень мно­гое по­ме­ня­лось в ме­ло­чах и, осо­бен­но, в ти­по­гра­фи­ке. Я всё ещё ис­поль­зую шрифт 21 Cent от Let­ter­head, но до­ку­пил ещё одно на­чер­та­ние для за­го­лов­ков. Стал ис­поль­зо­вать боль­ше фи­чей опен­тай­па (Воз­мож­но, где-то мог и пе­ре­бор­щить, толь­ко ради де­мон­стра­ции воз­мож­но­стей.), до­ба­вил пе­ре­но­сы слов и —ка­кой кош­мар! —стал вы­рав­ни­вать текст по ши­рине. Это даже не так страш­но вы­гля­дит —всё бла­го­да­ря пе­ре­но­сам и чуть уве­ли­чив­шей­ся ши­рине ко­лон­ки тек­ста. В рам­ках ти­по­гра­фи­ки я, в ито­ге, при­ме­няю очень мно­го экс­пе­ри­мен­таль­но­го и спор­но­го. На­вер­ня­ка что-то ещё по­ме­ня­ет­ся, что-то до­ба­вит­ся, а что-то не вы­дер­жит про­вер­ки вре­менем.

Содержимое

У меня есть очень мно­го пла­нов и идей о том, что долж­но по­явить­ся на этом сай­те. Пока что тут все те же ста­тьи, что были до это­го, но я на­чал из­бав­лять­ся от со­вер­шен­но ненуж­но­го раз­де­ле­ния на ка­те­го­рии вида «блог/​​за­мет­ки/​​экс­пе­ри­мен­ты» (оно оста­нет­ся, ско­рее, как внут­рен­няя си­сте­ма­ти­за­ция, до­ступ­ная для филь­тра­ции), и до­ба­вил, на­ко­нец, один пол­ный спи­сок все­го, что пока тут есть. Я пла­ни­рую со вре­ме­нем по­пол­нять его не толь­ко но­вы­ми тек­ста­ми и экс­пе­ри­мен­та­ми, но и раз­ным ста­рым кон­тен­том, ко­то­рый я, по ка­ким-то при­чи­нам, до сих пор не вы­кла­ды­вал на сайт.

Кро­ме ре­гу­ляр­но (я на­де­юсь!) по­яв­ля­ю­ще­го­ся кон­тен­та, бу­дет об­нов­лять­ся и ба­зо­вая струк­ту­ра сай­та. Ска­жем, мо­жет по­явить­ся стан­дарт­ный раз­дел «обо мне», что-ни­будь бо­лее по­хо­жее на ре­зю­ме, а та­к­же ка­кие-ни­будь дру­гие ин­те­рес­ные стра­ни­цы. Что­бы не быть го­ло­слов­ным, вот при­мер: но­вая стра­ни­ца со спис­ком всех моих до­кла­дов. Хотя я в по­след­нее вре­мя прак­ти­че­ски не вы­сту­паю на кон­фе­рен­ци­ях, на­деж­ды на то, что этот раз­дел бу­дет по­пол­нять­ся всё же есть.

Добро пожаловать!

Спа­си­бо, если до­чи­та­ли этот пост до кон­ца! Я пла­ни­ро­вал сде­лать про­сто ко­рот­кую от­пис­ку о том, что вот она —но­вая вер­сия сай­та. Но сна­ча­ла углу­бил­ся в ис­то­рию и вер­си­о­ни­ро­ва­ние (Воз­мож­но, ко­гда-ни­будь я рас­ска­жу обо всех ста­рых вер­си­ях по­дроб­нее, ко­гда буду го­тов.), по­том в ис­то­рию с пе­ре­пи­сы­ва­ни­ем сна­ча­ла на док­пад, а поз­же —на gulp; в об­щем, ко­рот­ко не по­лу­чи­лось, уж из­ви­ни­те :)

Как обыч­но, если вы най­дё­те ка­кие-то ошиб­ки в текстах или баги вёрст­ки —пи­ши­те либо на по­чту, либо в ишьюс на Гит­ха­бе, либо в твит­тер, либо куда за­хо­ти­те. Буду рад и ска­жу спа­си­бо. Если по­вни­ма­тель­нее рас­смот­ри­те ди­зайн и ти­по­гра­фи­ку, и если у вас по­сле это­го воз­ник­нут по ним во­про­сы —та­к­же за­да­вай­те! Хотя у меня и есть идеи о бу­ду­щих по­стах, ин­те­рес к чему-то кон­крет­но­му бу­дет хо­ро­шим мо­ти­ва­то­ром к тому, что­бы сесть и на­пи­сать имен­но об этом.