CSS layout w 197 bajtw

 

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 bajtw!

Tak, przy pomocy zaledwie 197 znakw mo?na stworzy? pe?nowarto?ciowy layout strony! Nie wierzysz? Zobacz przyk?ad. A gdyby si? uprze? i zmieni? lekko palet? kolorw, to mo?na zej?? i jeszcze ni?ej – do oko?o 180 bajtw! I niech mi kto? powie, ?e tworzenie stron przy pomocy CSS jest trudniejsze, ni? w przypadku tabel… :)

Zobacz rwnie? 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 bajtw"

  1. Ale jak okropnie si? to czyta/analizuje. Spacje i entery (plus ewentualnie taby) to jednak potrzebne s? :-)

    PS. Tomku, mg?by? zaj?? si? RSS-em? Wskazuje on mi linki do http://tomasz.tpa.pl/index.html/costaminnegom ktre si? wy?wietlaj? – ale tylko jako index.html i bez stylw. 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 ktrych parametrw dany styl jest dalej poprawnie wy?wietlany, ktra 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 boksw (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 bajtw! 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 znakw 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 znakw :)
    No, wtedy by si? zesz?o nawet grubo <100 bajtw, 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...
  • Meh: Witam, Patrz?c na recenzje w Amazon UK, ta nawigacja jest cieniutka. Jak jest z gubieniem sygna?u GPS? Bo na to...
  • janusz walecki: Kupi?em Router Netgear N600 WNDR3700v2 w celu wykonania domowej sieci Wi-fi. Obecnie korzystam z...
  • Andoru: Obecnie jak w??cz? gre online Nostale na tym netbooku to bardzo laguje mi j?, rwnie? flash player cz?sto si? za...
  • Andoru: Jestem posiadaczem tego netbooka. Bateria odstaj?ca mo?e i poprawia jako?? pisania, ale takie zamocowanie jej...
  • Robisz zakupy w internecie?
    Pomagaj ZA DARMO przy okazji
    4000 organizacji społecznych i ponad 900 sklepów