Fizjoterapia Rybnik

Ostatnio miałem przyjemność stworzyć dla koleżanki nową wersję jej firmowej strony o fizjoterapii. W założeniu miał to być scrolling-down layout, ale pomysł po realizacji nie został zaakceptowany. Po przeróbce jest prosto i schludnie, zgodnie z wizją zamawiającej.

Z ciekawostek:

  • kolor tła miał być beżowy, czyli specjalnie dla mnie „brudny biały”
  • kwiatek będący tłem strony został odmalowany z tapety w salonie masażu w Rybniku

kwiatek

 

  • Projekt wyglądał w taki sposób:

projekt fizjoterapii rybnikprojekt 2 fizjoterapii rybnik

fizjoterapia rybnik 3

Na ostatnim obrazku znajdowało się zdjęcie, które zostało zamalowane. Powiedzmy, że nie było zbyt profesjonalne 😉

Podczas pracy nad stroną dany efekt był uzyskiwany praktycznie od razu, oto jedna z wczesnych wersji:

 

fizjoterapia rybnik strona główna

Jest to też pierwsza strona, na której byłem zmuszony użyć java scriptu. Brzydzę się czymś innym po stronie klienta niż CSS, a jednak nie dało się inaczej zaimplementować tagów <details> i <summary> w firefoksie:

 

details i summary na fizjoterapiarybnik.pl

Ostatecznie pozwoliłem sobie jeszcze na małą animację przewijania w jquery.

 

Strona została wykonana ręcznie w HTML 5 + CSS3. Z ciekawostek technologicznych, zawiera ona semantyczne tagi, które moim zdaniem wybitnie gmatwają kod:

semantyczne tagi

Fizjoterapia Rybnik:

  • znajduje się zwykle w okolicach 1-3 miejsca w google
  • waliduje się poprawnie jako html5/css3.
  • Dzięki ręcznemu wykonaniu zajmuje 1,2MB, więc może się znajdować na darmowym hostingu przypisanym do domeny o pojemności 2MB 🙂

 

Zapraszam na: http://fizjoterapiarybnik.pl

Comments are disabled for this post