Spreeblick

Produkte mark von Johnny Haeusler | 18

Das ist das Haus vom Stylesheet-Mann

Chris Hester hat dieses Haus (und dieses, und diese Tastatur) ganz allein und ganz ohne Bilder gemacht. Nur mit CSS. Das hast du fein gemacht, Chris!

[via]

Johnny Haeusler 28.02.2006 um 16:50

Produkte

Du kannst kommentieren, oder einen Trackback von deinem Blog aus setzen.

18 Kommentare

01

schallundrauch:
Die Tastatur ist nicht ganz ohne Bildchen (z.B. Windows-Logo, Pfeile auf Tasten)

sur

28.02.2006 um 17:13 | Antworten
Alle Kommentare von schallundrauch
02

Bernhard:
Da hat jemand echt zu viel Zeit.

Ich bin wirklich ein Befürworter von CSS, aber irgendwann wird’s lächerlich!

28.02.2006 um 17:22 | Antworten
Alle Kommentare von Bernhard
03

eller82:
@schallundrauch

das ist mir auch gerade aufgefallen, aber ich bin mir auch nicht sicher, ob man das nur mit css auch so hinbekommt. ansonsten kann ich nur sagen “nicht schlecht”, aber man muss schon ne menge langeweile haben um sowas zu machen!

28.02.2006 um 17:23 | Antworten
Alle Kommentare von eller82
04

Gunnar:
Und das Haus “wiegt” immerhin stolze 212,55 KiloByte.

28.02.2006 um 17:50 | Antworten
Alle Kommentare von Gunnar
05

dk:
Hät er mal die Tastatur auf em–Basis zusammengelötet… dann könnte man die jetzt toll ZOOMEN und dem Bildschirm anpassen. Dieses px–Monster ist mir viel zu sperrig.

28.02.2006 um 17:53 | Antworten
Alle Kommentare von dk
06

Noch ein Bernhard:
ein exaktes abbild der seite als 8-bit png hat ein drittel der dateigroesse.

28.02.2006 um 18:08 | Antworten
Alle Kommentare von Noch ein Bernhard
07

leo:
Tolle Fleissarbeit.

28.02.2006 um 18:14 | Antworten
Alle Kommentare von leo
08

dr.no:
Ich will ein Dino!

28.02.2006 um 18:45 | Antworten
Alle Kommentare von dr.no
09

philipp:
Noch ein Bernhard: ich glaube nicht, dass es hier ums Speicher/Bandbreiten-Sparen geht.. ;)

28.02.2006 um 19:17 | Antworten
Alle Kommentare von philipp
10

Dan:
Und jetzt mal einen Applikationsserver mit HTML, CSS und JavaScript nachbauen!

28.02.2006 um 20:37 | Antworten
Alle Kommentare von Dan
11

Hife:
Schon erstaunlich was sich mit CSS und ein wenig Langeweile alles anstellen lässt :)

01.03.2006 um 03:26 | Antworten
Alle Kommentare von Hife
12

jens:
@hife - du hast es verstanden. dem gehts wohl kaum darum, dass niemand mehr grafiken nutzen soll, sondern eher darum, zu zeigen, WAS mit CSS möglich ist. nicht mehr und nicht weniger.

:D

01.03.2006 um 08:10 | Antworten
Alle Kommentare von jens
13

Peter:
Warum?

01.03.2006 um 09:31 | Antworten
Alle Kommentare von Peter
14

Marcel Schindler:
Ich find das sowas von genial. Gut, der Sinn erschließt sich mir auch nicht, aber das ganze hat was von “Demoszene”. Ich denke, wenn SVG sich auch beim IE durchsetzt, werden wir im Browser in Realtime noch viel wildere Sachen sehen, die früher nur mit Java/Flash möglich waren.

01.03.2006 um 11:40 | Antworten
Alle Kommentare von Marcel Schindler
15

pedda:
wie war das “ein bild sagt mehr als tausend worte”..
geht es bei styles nicht darum, darstellung und inhalt zu trennen?
der screenshot von jhonny wiegt nur 5% der CSS verion.
.. dann schon lieber ascii art …

        Not everything in black and white makes sense
       (__)  o
       (oo) o
   /——- \/
  /|   ||
* ||—-||
   ^^  ^^

http://www.pallier.org/humor/cows.html

01.03.2006 um 12:24 | Antworten
Alle Kommentare von pedda
16

pedda:
.. shit, im preview lief’s

01.03.2006 um 12:25 | Antworten
Alle Kommentare von pedda
17

schwaechling:
Abgesehen vom Content ist der Post ganz schön arrogant geschrieben.

01.03.2006 um 17:09 | Antworten
Alle Kommentare von schwaechling
18

mkorsakov:
Stu Nicholls!

01.03.2006 um 21:41 | Antworten
Alle Kommentare von mkorsakov

Das ist das Haus vom Stylesheet-Mann

18 Kommentare

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

18

Diesen Artikel kommentieren

Vorschau

Frischer Spreeblick

Eselsohren

[Archive]

Neueste Artikel

Pop

Politik

Produkte

Positionen

Meistkommentiert

Frisch Kommentiert

Feeds

Spreeblick

Das ist das Haus vom Stylesheet-Mann

18 Kommentare

01 $("#commentnum-58275").click( function() { commentpager("58275", "58284"); return false; } );

02 $("#commentnum-58284").click( function() { commentpager("58284", "58285"); return false; } );

03 $("#commentnum-58285").click( function() { commentpager("58285", "58295"); return false; } );

04 $("#commentnum-58295").click( function() { commentpager("58295", "58297"); return false; } );

05 $("#commentnum-58297").click( function() { commentpager("58297", "58303"); return false; } );

06 $("#commentnum-58303").click( function() { commentpager("58303", "58305"); return false; } );

07 $("#commentnum-58305").click( function() { commentpager("58305", "58310"); return false; } );

08 $("#commentnum-58310").click( function() { commentpager("58310", "58314"); return false; } );

09 $("#commentnum-58314").click( function() { commentpager("58314", "58325"); return false; } );

10 $("#commentnum-58325").click( function() { commentpager("58325", "58352"); return false; } );

11 $("#commentnum-58352").click( function() { commentpager("58352", "58360"); return false; } );

12 $("#commentnum-58360").click( function() { commentpager("58360", "58367"); return false; } );

13 $("#commentnum-58367").click( function() { commentpager("58367", "58377"); return false; } );

14 $("#commentnum-58377").click( function() { commentpager("58377", "58382"); return false; } );

15 $("#commentnum-58382").click( function() { commentpager("58382", "58383"); return false; } );

16 $("#commentnum-58383").click( function() { commentpager("58383", "58401"); return false; } );

17 $("#commentnum-58401").click( function() { commentpager("58401", "58422"); return false; } );

18

Diesen Artikel kommentieren

Vorschau

Frischer Spreeblick

Eselsohren

[Archive]

Neueste Artikel

Pop

Politik

Produkte

Positionen

Meistkommentiert

Frisch Kommentiert

Feeds

Blogroll

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17