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: , , , , , , ,
Kategorie: Bez kategorii

Zobacz również:

Komentarze do wpisu "CSS layout w 197 bajtów"

  1. 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ę :-)

    Ktos , piątek, 28 Kwi 2006 #

  2. 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.

    Tomasz „Alpha” Topa , piątek, 28 Kwi 2006 #

  3. no nie powiem, ciekawe wyzwanie ;)

    ludwik , piątek, 28 Kwi 2006 #

  4. 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 ;)

    ?ukasz „WiLQ” Więcek , sobota, 29 Kwi 2006 #

  5. @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

    Tomasz „Alpha” Topa , sobota, 29 Kwi 2006 #

  6. 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.

    Tomasz „Udziuolo” Jach , sobota, 29 Kwi 2006 #

  7. 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.

    crash , czwartek, 17 Sie 2006 #

  8. 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

    alchemik, poniedziałek, 12 Maj 2008 #

Najnowsze posty:


Najnowsze komentarze:

koko: Czesc wszystkim, a ja mam pytanie, mieszkam w uk i zalozylem pay pala,2 dni temu dokonalem tranzakcji i zaplacilem z... więcej »

Meh: Witam, Patrząc na recenzje w Amazon UK, ta nawigacja jest cieniutka. Jak jest z gubieniem sygnału GPS? Bo na to... więcej »

janusz walecki: Kupiłem Router Netgear N600 WNDR3700v2 w celu wykonania domowej sieci Wi-fi. Obecnie korzystam z modemu... więcej »

Robisz zakupy w internecie?
Pomagaj ZA DARMO przy okazji
2600 organizacji społecznych i 800 sklepów