Ich habe so eben den Relaunch meines Portfolios vollzogen und möchte die Gelegenheit nutzen, ein wenig darüber zu erzählen. Denn mein Plan war nicht nur, es so gut wie möglich aussehen zu lassen. Es sollte auch responsive sein, also auf allen Geräten mit Browser funktionieren. Und das, ohne eine separate Mobile-Version zu entwickeln. One template to rule them all, quasi.
Ich mag Bookmarklets, wie schon oft erwähnt. Für die CSS-Entwicklung gibt es einige, die ich immer wieder benutze, wie z.B. WhatFont, welches beim mouseover die Font-Eigenschaften anzeigt und deCSS3, welches mir zeigt, wie die Seite ohne CSS3-Unterstützung aussieht. Das erspart einige Berührungen des Internet Explorers …
Das Responsive Design Test Bookmarklet von Benjamin Koon ist ein kleiner Helfer beim Umsetzung von Responsive Layouts. Für die, die nicht wissen, was das ist: Responsive bedeutet, dass sich das Layout dem User bzw. seiner Bildschirmauflösung anpasst, sodass auch bei mobilen Endgeräten kein eigenes Template mehr nötig ist.
Ich bin ein großer Freund von CSS Sprites. Nicht nur, weil sie schön praktisch sind, sondern auch, weil die Entwicklung eines Sprites auch recht meditativ sein kann. Doch nicht immer bleibt viel Zeit für die Schönheit eines geordneten Sprites, also sind Hilfsmittel ein gern genommenes Dingens.
Um SpriteRight entsteht grad ein kleiner Buzz. Die Software für OS X kann wohl recht viel, wenn man dem Video glauben darf. Man kann individuelle Parameter bestimmen, wie den Abstand zwischen den Grafiken und ein CSS Code wird auch on the fly erstellt. Ganz gute Sache, auch wenn es für mich aus zwei Gründen nicht infrage kommt:
Kein Bock mehr auf dieses langweilige »Lorem ipsum« in Templates und Layouts? Mich ödet das so dermaßen an, dass ich lieber von SpOn zitiere, wenn ich nichtssagenden Inhalt brauche. Oder ich greife auf folgende Tools zurück, die mich mit kreativen und nicht unlustigen Blindtexten und Platzhalterbildern versorgen.
Immer noch mein absoluter Favorit, da er auch dem Original am nächsten ist. Wenn man schon Dicke-Hose-Websites baut, dann auch mit dem entsprechendem Filling:
Lorizzle bling bling dolizzle dizzle things, consectetuer adipiscing elizzle. Nullam sure velizzle, fo shizzle volutpizzle, suscipit shut the shizzle up, gravida vel, arcu. Pellentesque fo shizzle mah nizzle fo rizzle, mah home g-dizzle tortizzle.
Martin Szymanski, aus und in Hamburg, blogge seit 2000 als/auf/mit PARACUDA und bin beruflich mit elf acht unterwegs. Hier schreibe ich über Sachen aus und für das Interwebz; meistens über Erfahrungen, die ich beim Bugfixing sammeln kann, aber auch über Programme, die ich mir gerne installiere und sie dann auch benutze. Ich mag HTML, CSS und jQuery. Und Elefanten.
