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 #