css-tricks.com … Coder-Website mit Tipps, Tricks und feinen Gestaltungstools
Der Name hat sicher historische Gründe, denn auf css-tricks.com gibt es weit mehr als nur Tricks zum Thema CSS. Besonders interessant finde ich den Download-Bereich. Dort findet man feine Tools zur Gestaltung von Websites aus den Bereichen JavaScript, Layouts/Templates, PHP und natürlich CSS.
Im Bereich JavaScript gibt es zum Beispiel das oben abgebildete InfoGrid, das mir ausgesprochen gut gefällt. Es liefert nämlich einen guten Lösungsansatz für das Problem, wenn eine Info-Tabelle eigentlich zu breit für das Layout der Content-Spalte ist. Weiter gibt es etwa bei den PHP-Sachen eine schicke Darstellung von RSS-Feeds für das iPhone und die Editable CSS3 Photo Gallery liefert eine hübsche Galerie-Ansicht, die auch Menschen mit ästhetischen Ansprüchen gefallen könnte.
Alles in allem ein sehr inspirierende Site, auch außerhalb es Download-Bereichs. Denn dort finden sich interessante Artikel und Screencasts zum Themenbereich, sowie eine ganzer Haufen an so genannten Snippets; das sind kleine, hilfreiche Code-Schnipsel für Entwickler. Außerdem gibt es noch ein Coder-Forum, in das ich aber noch nicht reingeschaut habe.
von Matthias Zellmer
Frontend Coding Tips von Jon Raasch
Die Tage wurde ich auf den Beitrag “10 Javascript Performance Boosting Tips from Nicholas Zakas” auf dem Blog von Jon Raasch gestoßen. Zunächst habe ich den Beitrag nur überflogen. Doch schon dabei bin ich auf einige Dinge gestoßen, die absolut einleuchtend waren und für die ich mir vornehme, sie in Zukunft zu beachten.
Beim anschließenden Stöbern fand ich zahlreiche weitere interessante Beiträge rum um die Themen JavaScript und Frontend-Entwicklung im Allgemeinen. Jon Raasch scheint genau zu wissen, über was er da schreibt. Er schafft es, die Inhalte verständlich aufzuschreiben und seinen Beiträgen genau die richtige Länge zu geben. Man erhält die erwarteten Informationen so portioniert, dass einen der Informationsgehalt nicht erschlägt. Möchte man mehr wissen kann man den Links folgen, die eigentlich immer zur Verfügung stehen.
Befasst man sich mit dem Entwickeln von Frontends für das Web lohnt es sich (denke ich) in jedem Fall, regelmäßig bei Jon Raasch vorbei zu schauen.
von Katrin Schneider
Harmony – digitales Malen
Okay, okay, ich bin kein großer Künstler und ich werde wohl auch niemals einer werden. Doch das Bild oben, von mir gemalt, verdient trotzdem Anerkennung. Nicht für mich, sondern für die Web-Anwendung Harmony, mit der ich es erschaffen habe.
Mein Tipp: Spielt mal ein bisschen mit Harmony rum. Es macht Spaß … und: Man wird bei der Benutzung kaum darauf kommen, dass diese Web-Anwendung keine Flash-Anwendung ist … wie ein Klick auf die rechte Maustaste schnell verdeutlichen wird. Nein, Harmony ist in JavaScript geschrieben. Meint man nicht, oder?!
von Matthias Zellmer
JavaScript-Framework YUI 3.0 kann auch CSS
Mir ist die Yahoo User Interface Library, kurz YUI Library, vor allem als freies JavaScript-Framework zur Erstellung von interaktiven Web-Anwendungen ein Begriff. Doch kann es vor allem in der neusten Version 3.0 deutlich mehr, es enthält auch ein so genanntes CSS-Grid-Framework.
In einem interessanter Artikel im Dr. Web Magazin unterzieht Dieter Petereit das aktuelle YUI 3.0 CSS-Framework einem Praxistest. Prädikat: Sehr lesenswert …
von Matthias Zellmer
Bomomo zeigt, was mit HTML5 auch möglich ist
Die Stuttgarter Philipp Lenssen und Nikolai Kordulla haben mit der kleinen grafischen Web-Anwendung Bomomo auf nette Art und Weise demonstriert, was mit JavaScript, HTML5 und dessen Canvas-Element inzwischen machbar ist. Laut Wikipedia ist:
das Canvas-Element […] Bestandteil von HTML5 und gestattet ein dynamisches Rendern von Vektorgrafiken und Bitmap-Grafiken.
Achtet aber bitte darauf, dass ihr einen modernen Browser verwendet. Oder zumindest Flash installiert habt, das ist nämlich das Fallback für Web-User aus dem letzten Jahrtausend.
Weitere interessante grafische Sachen von den Beiden findet man übrigens auf ihrer Website Sketchory.
Gefunden bei Chrome Experiments – Not your mother’s JavaScript … nebenbei bemerkt: das ist auch eine Site, die ein bisschen zum Stöbern einlädt.
von Matthias Zellmer
Die neusten Beiträge
Die neusten Kommentare
