Ein Wochenende, eine Idee….

Es war eines dieser Wochenenden wo man einfach mal einen der absoluten Kreativschübe bekommt und sich selbst sagt: “So, nun baue ich mir ne Seite für meine SEO News”.

Die Idee meinen Twitter-Account auch einmal, neben meiner persönlichen Website oberhummer.com mit einer eigenen Website zu verbinden, stand schon länger im Raum.

Auch das ausgezeichnete Thematic-Theme Thematic Feature Site von Ian Stewart war schon länger für ein Projekt eingeplant (alleine schon wegen der fantastischen SEO Optimierungsmöglichkeiten und der Erweiterbarkeit von Thematic!)

Und da mich einfach die Muse gepackt hatte, ging es hier Ruckzuck los. Zuerst einmal für die Hintergründe Gratis-Vektorgrafiken von der University of Maryland, Center for Environmental Science besorgen. (Anmerkung: Zugang wurde wieder von der Uni gesperrt) Dann mal schnell bei den Jungs & Mädls von FontSquirrel eingecheckt und einen OpenFont (also frei verwendbare Vektorschriftart für Webseiten) geholt, und siehe da  – TAADAAA – es gibt sogar einen “Lobster-Font, der muss natürlich gleich mit.

Dann ein paar Stunden mit Photoshop und den oberen Hintergrundteil (Meeresboden) mit den Grafiken der Uni gezaubert, Hintergrundverlauf per CSS3. Als nächstes Einbindung der Schriftart (per selbstgeschriebenen Plugin) und dann der grosse Brocken: Anpassung des CSS auf Designwünsche und CSS3 (Runde Ecken, Schatten, Farbverläufe).

Zu gut der letzt die Creme dela Creme der WordPress Plugins: “WordPress SEO”, “W3 Supercache”, “Custom Fields” usw (alles wird hier nicht verraten, gelle? ;) ). Daneben noch Einbindung des Twitter Widgets mit eigenem CSS.

Und -zack-  ist die Webseite nach 2 Tagen fertig und ready to go für meine SEO Posts!

PS: Für Feedback jeder Art bin ich immer empfänglich, getestet wurde die Seite auf: Firefox, Chrome, Explorer, Safari und iPad für diese Browser auch Cross-Browser kompatibel optimiert.

 

 Es war eines dieser Wochenenden wo man einfach mal einen der absoluten Kreativschübe bekommt und sich selbst sagt: “So, nun baue ich mir ne Seite für meine SEO News”.

Die Idee meinen Twitter-Account auch einmal, neben meiner persönlichen Website oberhummer.com mit einer eigenen Website zu verbinden, stand schon länger im Raum.

Auch das ausgezeichnete Thematic-Theme Thematic Feature Site von Ian Stewart war schon länger für ein Projekt eingeplant (alleine schon wegen der fantastischen SEO Optimierungsmöglichkeiten und der Erweiterbarkeit von Thematic!)

Und da mich einfach die Muse gepackt hatte, ging es hier Ruckzuck los. Zuerst einmal für die Hintergründe Gratis-Vektorgrafiken von der University of Maryland, Center for Environmental Science besorgen. (Anmerkung: Zugang wurde wieder von der Uni gesperrt) Dann mal schnell bei den Jungs & Mädls von FontSquirrel eingecheckt und einen OpenFont (also frei verwendbare Vektorschriftart für Webseiten) geholt, und siehe da  – TAADAAA – es gibt sogar einen “Lobster-Font, der muss natürlich gleich mit.

Dann ein paar Stunden mit Photoshop und den oberen Hintergrundteil (Meeresboden) mit den Grafiken der Uni gezaubert, Hintergrundverlauf per CSS3. Als nächstes Einbindung der Schriftart (per selbstgeschriebenen Plugin) und dann der grosse Brocken: Anpassung des CSS auf Designwünsche und CSS3 (Runde Ecken, Schatten, Farbverläufe).

Zu gut der letzt die Creme dela Creme der WordPress Plugins: “WordPress SEO”, “W3 Supercache”, “Custom Fields” usw (alles wird hier nicht verraten, gelle? ;) ). Daneben noch Einbindung des Twitter Widgets mit eigenem CSS.

Und -zack-  ist die Webseite nach 2 Tagen fertig und ready to go für meine SEO Posts!

PS: Für Feedback jeder Art bin ich immer empfänglich, getestet wurde die Seite auf: Firefox, Chrome, Explorer, Safari und iPad für diese Browser auch Cross-Browser kompatibel optimiert.

 

 

This entry was posted in Persönliches and tagged , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

css.php