HTML & CSSur HTML, XHTML & CSS
23 svar · 840 visningar · startad av LeonL
Jag har länge funderat på om man kunde göra bilder mha HTML. Jag testade denna: http://member.webforum.nu/4672/brev.html
Det blev ju riktigt bra :p
Jag undrar om dessa "bilder" kan vara mindre än vanliga bildfiler?
Edit\\ Insåg själv att HTML-filen var på några KB medan gif-filen var på några B :e
För mycket fritid? :OO
Eftersom din html fil kräver väldigt mycket kod för varje pixel medans en pixel i vanliga bildfiler utan komprimering tar upp 1-3 byte så är det inte så konstigt att en gif blir mycket mindre då den även är komprimerad. :)
Peeer skrev:
För mycket fritid? :OO
Snarare för mycket fantasi :OO
Alpha II skrev:
Eftersom din html fil kräver väldigt mycket kod för varje pixel medans en pixel i vanliga bildfiler utan komprimering tar upp 1-3 byte så är det inte så konstigt att en gif blir mycket mindre då den även är komprimerad. :)
Det förklarar en del ;) :bire
Peeer skrev:
För mycket fritid? :OO
Till mitt försvar måste jag framhålla att jag hade rätt mycket för mycket fritid ett tag 2001 - bilden är från min dåvarande hemsida - och att offra en natts sömn på att handkoda en pixelbild som en HTML-tabell verkade vara en bra idé just då.... Nu kommer jag inte längre ihåg varför - men det är en annan historia :birp
Var också med om att fnula ihop en analog klocka i HTML/Javascript som vi försökte vektoranimera med stilmallsändringar från Javascript i en tabell på 400x400 celler bara för att testa...
Det funkade - men det tog mer än en sekund att uppdatera sekundvisaren samtidigt som den för den tiden snabba maskinen som eländet kördes på gick på knäna CPU-mässigt... Så vi lade ner tankarna på att man bara måste kunna fixa animerad vektorgrafik i HTML efter det ;)
Ack ja Men pilsnern var god den kvällen idén föddes - det kommer jag ihåg iaf :birp
Försökte göra ett ASP-script som går igenom varje pixel av en bild för att sedan skriva ut det som en stor tabell. Dokumentationen till komponenten var dock så luddigt skriven att det inte gick att förstå hur metodernas syntaxer skulle vara, så jag la ner hela projektet. :e
Kul att se att det är någon mer än jag som har tänkt på detta :OO
Jag gjorde också ett program för detta för länge sedan. Men det fanns ju inte så stor meningen med det då det tog ca 5 min för min dåvarande dator + IE att rita upp bilden. HTML filen blev över en mb också... :)
En annan metod:
http://www.meyerweb.com/eric/css/edge/slantastic/holiday.html
dectgap skrev:
En annan metod:
http://www.meyerweb.com/eric/css/edge/slantastic/holiday.html
En aning randig :OO (Eller är det IE som beter sig dumt? :o)
jarvklo skrev:
Peeer skrev:
För mycket fritid? :OO
Till mitt försvar måste jag framhålla att jag hade rätt mycket för mycket fritid ett tag 2001 - bilden är från min dåvarande hemsida - och att offra en natts sömn på att handkoda en pixelbild som en HTML-tabell verkade vara en bra idé just då.... Nu kommer jag inte längre ihåg varför - men det är en annan historia :birp
Var också med om att fnula ihop en analog klocka i HTML/Javascript som vi försökte vektoranimera med stilmallsändringar från Javascript i en tabell på 400x400 celler bara för att testa...
Det funkade - men det tog mer än en sekund att uppdatera sekundvisaren samtidigt som den för den tiden snabba maskinen som eländet kördes på gick på knäna CPU-mässigt... Så vi lade ner tankarna på att man bara måste kunna fixa animerad vektorgrafik i HTML efter det ;)Ack ja Men pilsnern var god den kvällen idén föddes - det kommer jag ihåg iaf :birp
Du har inte kvar den klockan någonstans...nu när det finns snabbare masikiner?
En tredje metod :http://member.webforum.nu/Jesper T/sind.htm
colione skrev:
Du har inte kvar den klockan någonstans...nu när det finns snabbare masikiner?
Nej - Har inga spår av den nånstans (och servern den låg på sålde vi tillsammans med företaget i höstas).
LeonL skrev:
dectgap skrev:
En annan metod:
http://www.meyerweb.com/eric/css/edge/slantastic/holiday.htmlEn aning randig :OO (Eller är det IE som beter sig dumt? :o)
Ser betydligt bättre ut i Firefox.
CSS bild:
http://www.designdetector.com/tips/csspencils.php
Rekommenderas att ses i Mozilla, andra browsers är för långsamma...
(1500 rader HTML-kod) + (1500 rader CSS) = En bild på 66x66 pixlar. :e
"Proof of concept" behöver varken vara effektivt eller ens praktiskt användbart ;) - det *går* ju att göra ju :e
Jesper T skrev:
En tredje metod :http://member.webforum.nu/Jesper T/sind.htm
hur gör man sådana här bilder? den var ju kanonsnygg ju! finns det program som kan göra en sådan åt en?
