Верстка html/css/js Бухмейстер

saitobaza.ru/html/buhmaster 

Клиент: Алексей
Дата окончания работ: 01.12.2012

С Алексеем познакомились на фрилансе, мне был предоставлен несложный, но красивый и отлично сложенный psd макет. Требовалось:

  1. Верстка главной страницы (клик)
  2. Верстка внутряка (клик)
  3. Настройка яваскрипта выезжающего слайдера справа
  4. Настройка и верстка календаря
  5. Настройка и верстка тултипов на календаре и в форме

Натяжка на движок не требовалась – Алексей сам программист и сказал что бы я только качественно подготовил шаблон к верстке. Макет, хотя и на первый взгляд казался довольно простым, на деле оказался со своими “мухами”. К сожалению, прошло уже много времени, и в этом адском конвейере я совершенно забыл в чём были сложности, впредь постараюсь заполнять портфолио как только сдан заказ.

Одно из сложностей было незнание как верстать календарь – таблицей или же списками. Сложностей было просто незнание что нужно заказчику, так как он сам не знал что там будет, а отверстать в одном стиле, что бы потом переверстывать не хотелось.

В итоге я использовал такие скрипты или готовые решения:

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

Кстати для календаря я изначально хотел использовать Google Calendar, ведь ему можно было задать свои стили. А редактирование да и удобство функционала Google Calendar не вызывает сомнений. Но так как заказчика не было онлайн, а сроки сдачи работы поджимали – решил всё таки верстать по макету.

Немногим позже я нашел ещё одно интересное решение для календаря – называется “Month Week Day Date Calendar” – и хотя он также табличной верстки, но мне как-то он больше понравился по удобству.

В итоге Алексей получил свою работу вовремя, были небольшие правки, но они несущественные. Есть небольшой косяк, но его никак не поправить – ошибка связана с удобством натяжки – на главной страничке, там где ромбики, последний элемент накладывается поверх предыдущих двух, в итоге при наведении на нижние краешки ромбиков #3 и #4 подсвечивается ромбик #5.

Бухмейстер верстка

Но это картину не испортило;)

Верстка всех элементов вместе с скриптами обошлась заказчику 1000 рублей. Кто-то скажет что мало, но заказчик не доставал глупостями, дал чёткое техзадание,  и вообще приятен в общении. Да и время у меня свободное было)

Хочу такой же сайт!

Использовал в разработке:

  • HTML5 & CSS3
  • Javascript / Jquery
  • Сайт под ключ