Templaterie Blog

Noch ein wenig Retro just for fun. Bildquelle der Illu: stock.xchng — duchessa (Bild “Bonsai”)

Filed under: Design
No Comments

Als ich diesen Entwurf fertig hatte, hatte ich das Gefühl, dass ich eine Arbeit eines Kollegen oder einer Kollegin kopiert hatte. Es sieht vertraut aus, als hätte ich dieses Design schon einmal irgendwo gerade so gesehen. Jedoch ist es nicht als Kopie entstanden. Es war zunächst (more…)

Filed under: Design
No Comments

Ich daddle noch ein wenig, sind ja Weihnachtsferien … irgendwie … und dann hatte es mir auch die Kollegenarbeit ein wenig angetan, also verbrachte ich die Nacht ein wenig mit Photoshop. Das Ergebnis der Nacht — ein weiterer Entwurf entstand:

Der Entwurf basiert auf festen Proportionen und durch das Bild im Grunde auf einer festen Größe, nun gut zumindest eine feste Höhe. Statistiken deuten bei festen Größen auf 1024×768 Pixel, was User mit 800×600 Pixel benachteiligt. Nun sind zumindest am Monitor diese Nutzer so stark in der Minderheit, dass selbst ich dazu neige, sie zu ignorieren, so wie ich 640er Auflösungen seit geraumer Zeit ignoriere. Doch wenn ich ehrlich zu mir bin, fühlen sich diese Entwürfe nicht richtig an. Ich könnte auch diesen Entwurf liquide gestalten. Alles was es hierzu braucht, ist ein wenig Flash für das Bild. Doch soweit mir bekannt ist, lässt sich Flash nur bedingt in den Hintergrund zwingen.

Ist Flash nicht im Hintergrund, dann müsste die Navigation ins Flash — das aber ist nicht akzeptable! Sollte dieser Entwurf zur Umsetzung kommen, dann wird es vermutlich auf fixe Breiten hinauslaufen und einem Skrollbalken im Texfeld …

Aber mal sehen. Vielleicht fällt mir ja auch noch eine bessere Lösung ein. Ich meine ich hätte auch schon einen Seite gesehen mit Flash in einem hinteren Layer. Für Hinweise, ob und wie es geht, bin ich und interessierte Leser dankbar.

Und ja die Navi hat hier Vorbild in dieser Kollegenarbeit …:D ebenfalls ein kleines Stück, bei dem die Zukunft schon die Lösung vorgibt. Ein einfacher PNG-Hintergund, der den Hintergrund durchscheinen lässt. Der Nachteil am transparenten PNG ist, dass da draussen noch immer viele IE6 sind. Auch wenn dieser schneller aussterben wird als seine Vorgänger.

Bildquellen: sxc.hu

Filed under: Design
2 Comments

Nach der Lektüre einiger Beiträge zu PHP-Klassen, habe ich nun ein Tutorial entdeckt, das mir den einfachen Einstieg in PHP-Klassen ermöglichte:

1. <?php
2. class aPerson {
3. public $name;
4. public $birthday;
5. public function intro(){
6. print "Hello my name is " . $this->name ". ";
7. }
8. public function myAge(){
9. print "I am born in the year " . $this->birthday . ". Which makes me " . (date("Y")- $this->birthday) . " year orld. ";
10. }
11. }
12. class aMan extends aPerson {
13. public $male;
14. public $type;
15. public function gender(){
16. print "I am a " . $this->type . " " . $this->male . ". ";
17. }
18. }
19. $jonathan = new aPerson;
20. $jonathan -> name = "Jonathan Smith";
21. $jonathan -> birthday = "1976";
22. $jonathan -> intro();
23. $jonathan -> myAge();
24. $bob = new aMan;
25. $bob -> name = "Bob Hansom";
26. $bob -> male = "man";
27. $bob -> type = "bold";
28. $bob -> intro();
29. $bob -> gender();
30. ?>

Erklärt wird dieser Beispiel-Code für eine PHP-Klasse von Jonathan Sampson in einem Video (in englisch Sprache). …. Mehr von diesen hilfreichen PHP-Tutorials ‘KLICK’

via sonspring.com

Filed under: Programmierung
No Comments

Es wurde Zeit und kurz vor Weihnachten kann ich im CSS-Zengarden neue Designs verlinken:

Tadaaah … das ist großes Kino

CSS 202

Die Site gefällt mir und obwohl die Seite erst einmal irritiert, so hat man dann doch schnell erfasst, dass hier Skrollen angesagt ist, um zum Inhalt zu kommen. Und die Überraschung ist groß und witzig. Das ist Kino.

Filed under: Design
No Comments

Ich stolperte die Seite via Roberts MacTest bei dem sich nicht ganz so anonyme Ex-PC-Nutzer reihenweise melden und beschwören, nie wieder einen PC zu nutzen. Zu den Kommentatoren zählt auch Labuschin. Der Name hat es mir angetan. Ich besitze ein Buch von einem Autor mit ähnlichem Namen mit wunderschönen lustigen Illustrationen. Neugierig klickte ich also hinüber und landete bei Labuschin Webdesign. Ich mag seine Arbeiten. Ein wenig lächeln musste ich bei der Arbeit Mon Amour.

Die Arbeit ist auf einem Monitor mit mindestens 1600er Auflösung entstanden und als Designerin würde ich mir wünschen, dass diese Auflösung bereits Alltag wäre. In 1600 sieht die Arbeit perfekt aus:

www.monamour-muenster.de/

Immer noch gut aber eben längst nicht ganz so schön sieht die Seite bei einer 1024er Auflösung aus:

Für meine eigene Arbeit habe ich mir nun vorgenommen auch einmal wieder ein wenig über die Collage zu arbeiten. Alle meine Arbeiten in der letzen Zeit arbeiten mit einem Bild und ein paar wenigen Flächen und Linien. Diese wirklich schöne Arbeit erinnert mich daran, dass ich ruhig wieder etwas malerischer an das Webdesign herangehen darf.

PS: In der Struktur der Seite wurde mit XHTML 1.1. angesetzt und schlanke DIVs verwendet, und irgendwie glaube ich nicht, dass das die Umsetzung von HTML 4.01 transitional im Content auf das Konto von Labuschin geht. Dies ist nicht sehr tragisch aber auch nicht optimal. Die Seite wird nicht so überrannt werden, dass die leichten Preformance-Einbrüche durch invaliden Quelltext relevant sind. Nichts desto trotz auch hier sollte man eben auch auf validen Quelltext achten. Ein Missstand den ich gegelegentlich auch bei meinen Kunden hinnehmen muss.

Filed under: Design
5 Comments

Es ist ja nicht so, dass ich nicht schon ausreichend Photoshop-Entwürfe hätte und im Körbchen nichts Wichtigeres läge, das erledigt sein will, aber … und überhaupt. Es hat Spaß gemacht und nach dieser Pause geht die Arbeit sicherlich auch wieder leichter von der Hand. Irgendwann oder nie wird auch dieser Entwurf umgesetzt. Ganz bestimmt umgesetzt, wenn ein Kunde in spe “hier, für mich, bitte!” ruft.

Dem Design fehlt nur noch ein Web2.0-Spiegeleffekt … jedenfalls ist es schön traditionell für alle, die schlichte eleganz suchen, Designs, die sich nicht aus dem Fenster lehnen — Seiten, die das Statement “Ich bin ein solider, ehrlicher und konservativer Unternehmer!” betonen. Es ist eine Seite für Steuerberater, Wirtschaftsprüfer oder Versicherungsagenten und derlei Berufszweige mehr. Angesichts der kleinen Familie die von rechts in das layout ragt, am ehesten im Umfeld Familie. Allerdings kann auch eine andere Illustration an deren Stelle treten. Z.B. Ein Männlein mit Aktentasche oder ein Auto oder Gabelstabler.

Die Illustrationen im Entwurf stammen von aboutpixel.de; User: RvM; Bildname “Color Family” und photocase.com; User: rotzgoere28; Bildname: “London 2″

Filed under: Design
No Comments

Typo (Sonderschriften, Firmenschriften) für Überschriften und kleine Textblöcke via Flashreplacement, kurz sIFR genannt geht in die dritte Runde. Im wesentlich wurde die Performance und die Kompatibilität verbessert. Besonders gefällt mir, dass Javascript im Body nun ganz wegfällt. ich freue mich schon auf die ersten Test. Wer auch daran interessiert ist: sIFR 3b1: The Mo’ Betta Beta

Für alle die bereits Flash8 einsetzen.

Was sIFR ist und wann man sIFR und wann Grafiken geeigneter sind, habe ich Frankfurter Laubfrosch sIFR und Schriftbilder im Vergleich // Webtypografie mit sIFR

Via Forenbeitrag im MrType aus meiner Statistik

Filed under: Design, Tools, Webtechniken
No Comments

Ich kann mir an fünf Fingern ausrechnen, dass das nicht normal ist:

• Wochentag    Datum                                PI        UV    FTV    RV
• Wednesday    20th December 2006    1,059    82    73    9

Auch wenn alle 82 “unique visitor” sich intensiv auf der Seite umgesehen hätten ist die Zahl Eintausendundneunundfünfzig (1.059 PI) Page impression zu hoch. Durchschnittliche Seitenbesucher der Templaterie besuchen zwar 10 und mehr Seiten, selbst wenn Sie nach Robert Basic recherchieren und dann oben bei den thumbs hängen bleiben. Doch hat die Templaterie immer noch die verirrten Besucher und die “ein bis zwei Seiten lesen und Weg”-Besucher, die üblicher Weise für die Templaterie ein Verhältnis von 5:1 und 82 unique Visitor ist ein flauer Tag. Das heißt, (more…)

Filed under: In eigener Sache
No Comments

Nachdem ich gerade einen Tick zu lang für die Syntax gesucht hatte … Notiz an mich selbst:

1. <link rel="stylesheet" type="text/x-opera-css;charset=iso-8859-1"
href="opera.css" />

Damit sollte ich zukünftig den Code nicht mehr verlegen .. aber ich denke ich werde diese Zeile auch noch in der Clip-Library meines Texteditors hinterlegen. So gelegentlich will eben auch dieser Browser seine Extrawurst haben.

via blog.der-link.de

Filed under: Webtechniken
No Comments