CSS layout w 197 bajtów
Robiąc ostatnio czystki na koncie znalazłem pewną ciekawostkę. Swego czasu na grupie pl.comp.www ktoś rzucił pewnym zadaniem. Chodziło o zbudowanie typowego szablonu strony (nagłówek, lewa kolumna na menu, treść, stopka) przy pomocy CSS przy użyciu jak najmniejszej ilości kodu.
Proszę Państwa, otóż spieszę donieść, że taki layout, uwzględniający wymogi postawione przez Autora wątku (określone wymiary i kolory) udało się zbudować tworząc arkusz CSS o objętości… 197 bajtów!
Tak, przy pomocy zaledwie 197 znaków można stworzyć pełnowartościowy layout strony! Nie wierzysz? Zobacz przykład. A gdyby się uprzeć i zmienić lekko paletę kolorów, to można zejść i jeszcze niżej – do około 180 bajtów! I niech mi ktoś powie, że tworzenie stron przy pomocy CSS jest trudniejsze, niż w przypadku tabel… :)
Zobacz również wątek na pl.comp.www
Wpis opublikowany 28 kwietnia 2006
Tagi: ciekawostki, css, everything, internet, webmaster, www, xhtml, zabawa
Kategorie: Bez kategorii
Ale jak okropnie się to czyta/analizuje. Spacje i entery (plus ewentualnie taby) to jednak potrzebne są :-)
PS. Tomku, móg?byś zają? się RSS-em? Wskazuje on mi linki do http://tomasz.tpa.pl/index.html/costaminnegom które się wyświetlają – ale tylko jako index.html i bez stylów. Mo?e by tak poprawi? to, co RSS wyrzuca, proszę :-)
Autor komentarza, piątek, 28 kw. 2006 #
No jasne, ?e nieczytelne ;)
Od pewnego momentu konkurs polega? ju? wybitnie tylko na „odchudzaniu” kodu, bo innego tricku ni? „faux columns” nie ma na taki uk?ad. Ale zabawy by?o trochę – sprawdzanie bez których parametrów dany styl jest dalej poprawnie wyświetlany, która przeglądarka daje sobie radę z brakiem spacji itp :)
Co do RSS – ju? sprawdzam, thx za info.
Autor komentarza, piątek, 28 kw. 2006 #
no nie powiem, ciekawe wyzwanie ;)
Autor komentarza, piątek, 28 kw. 2006 #
A ja wiem, jak by to moznabylo odchudzic o kolejne kilka bajtow ;) Podawac rozmiary blokow w procentach – wtedy spokojnie jakies 200px mozna zamienic na 30% i masz juz 2 bajty mniej ;)
Autor komentarza, sobota, 29 kw. 2006 #
@WiLQ: Wiem, ?e się da zejś? ni?ej, te? to zaznaczy?em :) Ten przyk?ad w spe?nia wymogi postawione przez Autora wątku, ale gdyby się uprze? na np:
– jednolity kolor wszystkich boksów (domyślny przeglądarki)
– szerokoś? ca?ej strony na 9% ekranu;
– szerokoś? lewej kolumny na 1% ca?ej strony (czyli 0,09% szerokości okna przeglądarki)
To mo?na zejś? i do !79 bajtów! Tylko czytelnoś? strony trochę siada ;) Przyk?ad: http://tomasz.topa.pl/zabawa_w_layout/index2.html
Autor komentarza, sobota, 29 kw. 2006 #
Ja mam zboczenie informatyczne: mo?na by drastycznie tą wartoś? odchudzi?. Napisa? w?asny system kodowania znaków i u?ywa? palety 4-bitowej (zamiast 8-bitowej). Wtedy na jednym bajcie mo?na zapisa? 2 znaki :)
Z tym, ?e mamy do dyspozycji duuuzo mnej znaków :)
No, wtedy by się zesz?o nawet grubo <100 bajtów, bez technik opisanych wy?ej.
Autor komentarza, sobota, 29 kw. 2006 #
A ja mam pytanko:) jak zrobic zeby po prawej stronie byla kolejna kolumna tylko z innym kolorem tla na calej wysokosci? bo teraz pomaranczowe tlo lewej kolumny jest za pomoca obrazka tla warstwy o id #a ktora jest pod warstwa pola z trescia.
Autor komentarza, czwartek, 17 sie 2006 #
niezłe,w 197 kilobjatach zrobić nawet, nawet takiego laya.
Respect!!!!
Po szkole pokombinuje trochę zmiejszyć ten lay w CSS,
a i napiszę jak najmniejszy w ikładzie tabel
Autor komentarza, poniedziałek, 12 maj 2008 #