Templaterie Blog

Und eine neue Woche eine neue Liste. Wie es scheint komme ich nur noch zum lesen und Linklisten posten .. tststs!

1. Das Geheimnis des Grunge-Designs(Es ist einer von Smashingdesigns Monster-Einträgen, wenn der Rechner/Browser ohnehin schon am Limit läuft, besser nicht ansurfen.)
2. Die Populärsten CSS-Tricks
3. Linkbait-Titel Kurzzeit- und Langzeit-Strategien
4. Semantifiy the WEb

Anmerkung am Rande und offtopic: Mit leichter Verspätung. Ich war etwas eingespannt in Bezug auf etwas, von dem ich glaubte es in einer 1/2 Stunde erledigt zu haben und dann beschäftigte es mich über Gebühr und wird mich wohl noch die nächsten Monate mit meiner Zeiteinteilung hadern lassen. Das mit den Prioritäten ist so eine Sache. Manchmal muss man einfach eine Idee beim Schopf packen und hat man sie beim Schopf gepackt, dann nimmt sie einen hier und da einfach mit. Dazu später mehr …

Filed under: 1001 Linktipp
No Comments

Und auch am Ende dieser Woche gibt es, was ich so in meinem Feedreader an guten Beiträgen vorfand oder bei Recherchen im Netz. Da ich noch am Aufarbeiten bin von sehr vielen Beiträgen, heißt das nicht, dass diese Tipps brandaktuell sind. Doch was bedeutet schon brandaktuell, wenn die Botschaft zeitungebunden ist, was eben bei technischen Tipps und Tricks häufig der Fall ist — zumindest relativ …

1. Gleiche Zwischenabstände mit CSS
2. Kleine Linkliste zu Websites-Karusells
3. Font-Viewer (Ein Helfer wie man ihn nicht missen möchte)
   Keine umständliche Installation, einfach ein Doppelklick auf die Exe. Ordner mit Schriften wählen, durchblättern und temporär für die Arbeit verfügbar machen. Kein Installieren, Programm Neustarten, Arbeiten, Programm deinstallieren. Absolut Cool und herrlich unkompliziert nützlich.
4. Tabellen gestalten, Spalten hervorheben

Filed under: 1001 Linktipp
No Comments

Bei diesem Entwurf macht es Sinn die Headergrafik in Ebene zu unterteilen. Zum einen die Hochhäuser als Endloskachel und zum anderen die dynamischen diagonalen Streifen. Der Rest ist ziemlich streight forward. Nichts aufregendes. Sozusagen ein safe bet. Schlicht, durch den harten Kontrast ein wenig rassig, durch die sanften Blautöne ein wenig romantisch. Flexibel, durch die zurückhaltende Ausschmückung.

Filed under: Design
No Comments

Das ist wohl dann ein echtes Ätschbätsch. Hatte ich mich vor ein paar Tagen mit einem Beitrag dafür stark gemacht, dass der MSIE 8 gefälligst sich wie ein 8er benehmen solle:

Das tut er jetzt (nach dem großen Rauschen im Bloggerwald) auch und zwar wie ein _echter Browser des Hauses Microsoft_ hat er _ganz eigene Vorstellungen_ wie die Seite gerendert werden könnte.

Diesesmal scheine ich nicht so billig wegzukommen wie mit dem IE7, der in diesem Fall sich wie der Rest der Browser benimmt. Das heißt für den IE7 benötige ich kein conditional comment und keine extra Anweisungen. Aber der IE8 macht nicht mit. Er möchte typisch für die IE-Browser eine Extrawurscht.

Tssss! Darum kümmere ich mich später. Es ist auf meiner Todo-Liste.

Filed under: Design, In eigener Sache
5 Comments

Browsershot.org ist mehr und mehr verstopft mit Anfragen für den IE8. Logisch, man will ja wissen, ob man wieder Hand anlegen muss, oder die Welt noch in Ordnung ist. Auch ich habe gleich Mal meine Url eingegeben. Parallel schaute ich mich nach ersten Lösungen zu Parallel-Installationen um. Schließlich wer vertraut schon darauf, dass wenn man dem IE8 mitteilt, dass er sich wie IE7 benehmen soll, dass das daselbe ist wie die Seite in einem Originären IE7 zu öffnen. Tja. Noch scheint das wohl nicht so der Hit zu sein. Zu den ganz mutigen zählt Jeremy Smith, der nach anderen ganz mutigen sucht, die schon weiter mit der Parallelinstalltion der Standalones IE3-IE7 sind als er, denn natürlich ging das nicht so ab wie gewünscht.

Heckmeck!. Sorry, Jeremy. Ich habe zwei Computer und benötige daher nur das Standalone IE7 und IE8 und da warte ich auf Geeks, die es mehr drauf haben als ich und das dann wieder als bequemes Click&Run anbieten.

Nervig, dass Microsoft hier nicht für Entwickler eine Lösung von Hause aus anbietet. Warum muss hier jedes Mal wild gehackt und experimentiert werden.

Filed under: Tools
No Comments

Es gibt noch einmal einen Satz Headergrafiken für das WP-Theme dKret3:

Achtung, an dieser Stelle sind die Banner verkleinert, die Originale gibt es auch dieses Mal im Weblog auf PG4ME. Die Banner sind mit dem Beitrag zu den Headergrafiken verlinkt. Dort steht, wie man diese Herunterladen kann. Wo es passt, kann diese Osterdekoration natürlich auch eingebunden werden, wenn es sich dabei nicht um das WP-Theme dKret3 handelt

Ich versichere, dass ich diese Banner gestaltet habe und ich stelle diese unter der Lizenz Creative Commons 2.0 by nc, wobei ich die Verwendung für den Eigenbedarf auf kommerziellen Seiten ausdrücklich gestatte. Ungemütlich werde ich, wenn diese Banner ungefragt in Sammlungen auftauchen oder gar verkauft werden. In Bezug auf anderen Sammlugnen: Fragen kostet nichts, es gibt einige Projekte, die meine Zustimmung bekämen.

Und wer wissen möchte, wie man ein Cartoon mit Papier, Bleistift einem schwarzen Stift , einem Scanner und Photoshop zeichnet, für den gibt es in der Spielwiese zum Banner auch noch ein Tutorial.

Es ist etwas früh für Ostern aber dann … die Seiten müssen ja schließlich dekoriert werden.

Filed under: 1001 Linktipp, Design
No Comments

Dies ist der Entwurf für die Galerie auf meiner Spielwiese:

Update folgt, sobald ich vom Entwurf zur Umsetzung gekommen bin. Mit den Farbwerten werde ich ggf. noch etwas spielen. Auch überlege ich, ob das “Schild” BIldergalerie per Javascript schwingen lasse. Nicht dass ich schon wüsste wie das geht und ein wenig habe ich bedenken, dass dieser Schnickschnack die Site zum Browserkiller macht, wie einst die Frontpage-Hoverbutton und jenes trendige Scrolltextchen, das angeblich stabil in allen Browsern laufen sollte, doch dann als sicherer Netscapekiller ein wichtiges Verkaufsgespräch vor über zehn Jahren zu einem jähen Ende brachte. Weswegen ich bis heute lieber Javascript weglasse, wenn es denn keinem sinnvollen Zweck erfüllt.

Da es aber eine private Spielwiese ist, käme es hier nicht ganz so darauf an, dass alle mit dem Script happy sind und es wäre ein leichtes es über eine Cookie-Steuerung rauszunehmen, wenn ein lokales System nicht mit klarkommt. Sozusagen einen Safe-Modus für die Website.

Filed under: Design
No Comments

Um keine falschen Vorstellungen aufkommen zu lassen, angesichts der letzten beiden Photoshop-Dateien, die so weit von jedem Trend sind und einen rebellisch gruseligen Touch haben, hier noch ein klassischer Slimplicity (Slim + Simple). Einfach, total im Trend mit allen aktuellen Klischees und stylish:

Übrigens wer nun annimmt in dem Design wären drei verschiedene Schilfgras-Elemten erforderlich, der irrt. Trotz unterschiedlicher Stillänge und scheinbar unterschiedlichen Grauwerten, handelt es sich dabei jeweils um ein und die selbe Grafik und kann auch so im HTML-Quelltext eingebunden werden. Überhaubt ist dieser Entwurf mit sehr wenigen Grafiken realisierbar und damit ein extem schlankes und schnelles Design.

Filed under: Design
No Comments

1. Photoshop-Tutorials:
   • Lichteinfall und Schatteneffekte
   • Wie man ein Tutorial gestaltet
     (Ich weiß, … meine Tutorials gehen davon aus, dass man das Netz konsultiert, wenn man mit den Angaben nicht zurecht kommt. Ich schrieb eher für die, die schon das eine oder andere mit Photoshop gemacht haben.)
   • Grafik-Template für Visa-artige Schaltflächen
   • Vandelay: 45 Photoshop Tutorials for Better Navigation
2. Einige nützliche Links auf Perishable Press:
   • CSS-Resets via CSS-Tricks
   • Vertikale Ausrichtung ohne exzessives DIV-Nesting
   • Url Encoding

Filed under: 1001 Linktipp
No Comments

Soeben lese ich in der Wikipedia, dass AOL zum 1. März 2008 offiziell die Weiterentwicklung des Netscape Navigator einstellte.

Tschüß, mach’s gut du alter Browser. Deine Generation Vier war mir ein teuer Gefährte in den ersten Jahren meiner Online-Reisen.

Meldung zur Einstellung siehe Netscape-Blog

Filed under: Kaffeetscherl
No Comments