Kleo Petrov
  • Home
  • About
  • Archive

Kleopetrov.me - историята на един проект

01 Jul 2015 • 3  min read

Последните няколко седмици бяха доста натоварващи и в същото време много задоволителни за мен. Причината - работата ми по този сайт. Уводолствието и желанието, което вложих в този проект надминаха и най-смелите ми очаквания. Почти всеки ден, след дългия 8-9 часов работен ден, сядах зад клавиатурата отново. Така неусетно започнах да си лягам към 1-2 часа (надявам се майка ми да не чете това ;) ). Самият процес беше доста интересен, изпълнен с всякакви WTF?! моменти, но за това после. Искам първо да споделя какво ме подтикна най-накрая да реализам тази моя стара идея.

С една дума - Mackenzie Child (всъщност са две, но няма значение) и неговата инициатива #LaunchIn30. Идеята е много проста - проект, който сме планували, който обмисляме и ошлайфаме (любима дума!) в главата си от толкова дълго време, а все не намираме време да осъществим, да създадем и launch-нем за 30 дни.

Денят беше 31 май, а аз сърфирах из бурния океан, наричан още Интернет, докато не се натъкнах да този клип:

Заразен от неговата страхотна идея, реших и аз да включа. Съдбата сякаш беше отредила това да се случи, бях на точното място, в точното време. Все пак следващия ден беше началото на месец Юни.

The game is on - never a better time to start #LaunchIn30 challenge than today!

— Kleo Petroff (@KleoPetroff) May 31, 2015

Набързо създадох Github repository и нахвърлих няколко идея в един Trello board.

Началото винаги е трудно

Първата стъпка беше да избера какво да използвам - Wordpress, Joomla, Drupal? Всички те ми се виждаха доста затормозяващи, затова се спрях на нещо много по-елегантно и готино - Jekyll - the Static Site Generator. Лесен за използване, невероятно приятно се работи с него и най-важното - елементарен за интеграция с Github Pages.

Jekyll използва markdown файлове за генериране на блог постове, като в същото време може да генерира статични HTML страници, изпозвайки Liquid template engine-a. Буквално за 1 дни имах работещ прототип на блог система.

Следващите няколко дни отделих за research - трябваше да измисля дизайн за сайта. Точно 3 дни ми отне brainstorm-ването и търсенето на вдъхновение из различни дизайнерски сайтове и профили. В крайна сметка реших сайтът да е минималистичен до полуда.

В търсене на истината

След като вече имах представа какво трябва да се направи и как да го направя, следваше да дам официалния старт. Исках всичко да е създадено от нулата, затова и първият ми commit-нат файл беше index.html с Hello World (колко сладко!). В началото използвах Pure.css framework-a, но в последствие го замених с Skeleton. Просто изгарях от желание да използвам някой непознат CSS framework. Skeleton беше точно това, от което се нуждаех:

  • изключително малък по размер - само 5KB минифициран!
  • Responsive Grid
  • helper класове и default-ни стилове за таблици, списъци, бутони, форми и друг HTML

Сложих и Gulp за минифициране и конкатениране на CSS-a и оптимизиране на снимките, но реших да махна последното, тъй като компресията на compressor.io излезе по-добра от тази на gulp plugin-a.

До 20ти юни имах готовa начална страница и Архив (използващи една и съща структура… засега). Оставаше ми най-интересната част - About страницата. След близо 8 дни и 55 commit-a и тя геройски беше създадена. Последните няколко дни бяха на тестване, доизпипване и рефакториране на част от CSS.

The final countdown

Така след точно 30 дни на среднощно програмиране, беше успешно завършен #LaunchIn30 challenge-a.

За финал ще дам и малко статистика за отминалите 30 дни:

  • 91 commit-a
  • 23 дни, в които си лягам след 12:30
  • 2 дни, в които се успивам
  • 16 изпити кафета
  • 7 изпити Somersby-та и Corona-и

но най-важното - 30 страхотно прекарани дни!


Made with ♥ by Kliment Petrov
Github Icon Twitter Icon LinkedIn Icon