· Programy od programosy.pl

· Winamp - odtwarzacz muzyki

· Restauracja Słupsk

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ż:

SeoPilot.pl
porty lotnicze w polsce
Kupuj bilety taniej na LOT. Porównaj oferty setek linii lotniczych w Skyscanner.
zarezerwuj.pl

Komentarze do wpisu "CSS layout w 197 bajtów" (dodaj swój »)

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

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

    OdpowiedzTomasz „Alpha” Topa , piątek, 28 kwi 2006 #

  3. no nie powiem, ciekawe wyzwanie ;)

    Odpowiedzludwik , 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 ;)

    Odpowiedz?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

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

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

    Odpowiedzcrash , 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

    Odpowiedzalchemik (WWW), poniedziałek, 12 maj 2008 #


Najnowsze posty:


Najnowsze komentarze:

Pracoholik: Dlaczego Angry Birds? Bo tak naprawdę znaczna część osób decydujących się na zakup telefonu z androidem kupuje... więcej »

bbrother: Plus ostaatnio przesyła zeszyciki wypełnione.. kolorowankami o.O, krzyżowkami panoramicznymi i.. miejscem do... więcej »

Kamil: Ale jaja.Czy to jest jakaś akcja zorganizowana? więcej »

Reklama