journal

CSS1K: viel Design mit wenig Code

CSS1K: Design mit kleinen CSS-Dateien

CSS1K: Design mit kleinen CSS-Dateien

Kann sich eigentlich noch jemand von den Älteren (hüstel) an CSS Zengarden erinnern? Für viele, die an Websites arbeiten war das ja so etwas wie ein Erweckungserlebnis: Anhand der immer gleichen Inhalte konnte man da ansehen, wie einzig durch Verwendung unterschiedlicher CSS-Dateien das Layout anders gestaltet wurde. Bis dahin hatten die meisten Website-Gestalter (mich eingeschlossen) die entsprechenden Anweisungen am liebsten direkt ins HTML der Seite geschrieben.

CSS1K ist sozusagen eine Art Neuauflage dieser Idee: Nachdem sich die Auslagerung des Layout-Codes in CSS-Dateien heute etabliert hat, kommt es ja mancherorts sogar zu richtigen Orgien. Da werden nicht eine oder zwei CSS-Dateien eingebunden (und natürlich extra geladen) sondern manchmal auch gleich ein halbes Dutzend. Von einer schlanken Lösung kann man da nicht mehr sprechen, denn alleine die Ladezeit für CSS-Dateien hat es manchmal schon in sich. Zitat:

Popular sites have in average 27 K of CSS, but some use up to a megabyte of style sheets!

Dass es auch einfacher geht zeigt CSS1K: genau ein Kilobyte groß dürfen hier die CSS-Dateien sein, 1024 Bytes. Dafür wird eine ganze Menge geboten inklusiv aufklappbarer Seiteninhalte und dynamischer Elemente.

Verwiesen wird auf der Website übrigens auch auf ein ähnliches Projekt zum Thema Javascript: js1k.com/ zeigt Beispiele mit schlankem JS-Code, die Machart ist allerdings eine ganz andere. Bislang gab es wohl drei Wettbewerbe zu unterschiedlichen Themen, die ersten die Top 10 werden jeweils gezeigt.

Als Amazon-Partner verdiene ich an qualifizierten Verkäufen. Bei gekennzeichneten Amazon-Links handelt es sich um Affiliate Links. Durch einen Kauf über den Link werde ich am Umsatz beteiligt. Dies hat keine Auswirkungen auf den Preis.

Projekt „Time for Video“

Ein Video als Gegenleistung für Ihre Zeit als Interview-Partner. Etliche Fotografen bieten Models, die sich für Porträtfotos zur Verfügung stellen, als Gegenleistung die Nutzung der Fotos an (Time for Prints =TFP). Das Gleiche möchte ich mit Videos (Time for Videos=TFV) machen. Wer für ein kurzes Porträt- und Interview-Video zur Verfügung steht, kann dieses Video auf seiner Website und in den Sozialen Medien nutzen. Mehr Infos hier…

Joachim Ott

Journalist & Fotograf

Gescriptete Videos – knapp und effizient

Gescriptete Videos – knapp und effizient

Was ist schlecht an gescripteten Videos? Um die Antwort vorweg zu nehmen: Nichts. Und um meine Perspektive ebenfalls klar zu machen: Ich beurteile das als Journalist. Mir geht es nicht um ungefiltertes, spontanes Drauflosreden vor der Smartphone-Kamera (Yapping) oder...

Was bringt ein Kamera-Rig für Videoaufnahmen mit der Sony ZV E10

Was bringt ein Kamera-Rig für Videoaufnahmen mit der Sony ZV E10

Kamera-Rigs sieht man immer wieder in Videos und Behind-the-scenes Aufnahmen. Sie werden vorzugsweise eingesetzt bei größeren Produktionen und mit 'großen' Kameras. Längst gibt es viele ambitionierte Videofilmer, die auf eine leichte Ausrüstung setzen, zum Beispiel...

Landkarten lesen für Fotografen und Videofilmer

Landkarten lesen für Fotografen und Videofilmer

Landkarten zu lesen ist 'old school': Wer heute Landkarten nutzt, mein Maps, verwendet eine App und erhofft sich klare Angaben zur Routenführung. Tatsächlich sind das praktikable Anwendungen. Aber gemessen an der Datenfülle auch in analogen Karten, ist das meistens...

Visuelle Hilfe