Od-Nowa, czyli [::Leblok::] wersja 2.0
Po długiej nieobecności postanowiłem odświeżyć trochę moje dzieło. Oprócz poczucia przyzwoitości były też inne przesłanki dla nagłego przywrócenia do życia projektu.
Stało się najgrosze - layout rozsypał się haniebnie. Oto ukazała się najnowsza Opera z jakimś bugiem na pionowych marginesach i strona straciła swój seksi urok. Wiec podwinąłem zarękawki naplułem w garście i wziąłem się do roboty. Nie chodziło wyłącznie o naprawę rozjechanej strony, bo w międzyczasie jednak zrobiłem się juz troszkę mądrzejszy temacie dyzajnu, XHTML-a i CSS-a.
Powinienem wspomnieć o Danie (Danu) Cederholmie (Cederholmu) i jego naprawdę-naprawdę świetnej książce - i nie tyle sama jej zawartość (chociaż to też - taka mała kopalnia pomysłów) mnie przekonala - bo wszelkie techniki, hacki i myki były mi mniej lub więcejznajome. Co mnie na mnie wpłynęło, to samo podejście do tematu, pokazanie, jak można się pobawić, pozmieniać, pokombinować, cały czas zachowując czysty semantyczny zgodny ze standardami markup.
Więc co zmieniłem:
-
CSS - w poprzednim wydaniu każda strona miała swój osobny arkusz, gdzie wiele
elementów (jakieś 60%) się powtarzało, teraz zrobilem to bardziej
profesjonalnie
- jeden główny arkusz globalny oraz dodatkowy dla każdej strony, gdzie wartości globalne są, albo nadpisywane (zgodnie z prawem kaskady), albo dodane zgodnie ze specyfiką danej strony. - XHTML - starałem się stosować markup semantyczny (bo tak trzeba), ale przy okazji unaoczniła się korzyść ze stosowania takiej techniki - wszelkie elementy funkcjonalne otrzymały nazwy zgodne ze swoją funkcją, przez co zniknęła konieczność stosowania komentarzy do rozeznania się w kodzie.
- Grafika - uprościłem zasadniczy kod strony pozbywając się z niego, w miarę możliwości, elementów zamienianych, jak obrazki, które zostały przeniesione jako tło do arkuszy stylów. Tylko w przypadku, gdy grafika ma uzasadnienie w treści strony pojawia sie ona w XHTML-u, jeśli zaś służy wyłącznie na potrzeby dekoracyjne jest generowana za pomocą CSS-a.
- Layout - rozjaśniłem stronę główna, dodałem też ładne jasne marginesy, dlatego, że wydaje mi się, że tak jest jakoś ładniej. Ale jeśli ktoś chciałby ewentualnie zobaczyć, jak strona wyglądałaby ze starą twarzą, po lewej stronie są przyciski, za pomocą których można to sobie zmienić.
W wyniku powyższych zabiegów całość kodu jako taka zmniejszyła sie o jakieś 20%, strona powinna ładować się szybciej, bo więcej jest elementów cache'owanych, nie ma już komentarzy i niepotrzebnych obrazków. Zresztą stara strona poleciała do Archiwum (Frimaire).
A, jeszcze jedno - jeśli komuś wydaje się, że coś na stronie jest nie tak, a szególnie, że górny pasek nawigacyjny jest niedokładnie dopasowany z prawej strony, albo tytuły są podwojone, to nie znaczy, że coś mi nie wyszło - więcej o tym będzie w dziale Warsztat.
