webdesign-mit-CSS

5 inspirierende Tweets der letzten Woche (KW12-2011)

Ich habe hier ja schon des öfteren erwähnt, dass meine zweite große Leidenschaft die Fotografie ist. Auch für den WebDesigner ist das Anfertigen, aber zumindest das Bearbeiten von Bildern ein wichtiger Arbeitsschritt. Deshalb empfehle ich hier mal eine neue Artikelserie auf weserkultur.net, die sich dem Thema recht ausführlich widmet. Bisher ist nur der erste Teil veröffentlicht, aber die Fortsetzungen lassen sicherlich nicht mehr lange auf sich warten…

(weiterlesen…)

Abgelegt in CSS, Inspiration, Linktipps, Photoshop, Tutorial, Typografie, WebDesign, XHTML | Keine Kommentare »

Kurztipp: Fotos interessanter machen mit Photoshop und diversen Texturen…

Nachdem ich das letzte Mal ja über das Hinzufügen einer analogen Filmkörnung zu Fotos mit Photoshop gesprochen habe, wollte ich hier mal kurz etwas zu den Möglichkeiten mit Texturen schreiben. Gestern Abend habe ich nämlich die wunderbare Flickr-Gruppe “Noise And Dust Through The Viewfinder” wiederentdeckt, dessen Texturen ich hier auch schon mal an anderer Stelle benutzt habe.

(weiterlesen…)

Abgelegt in Inspiration, Photoshop, Tutorial | 1 Kommentar »

Kurztipp: Fotos eine wunderbare analoge Filmkörnung mit Photoshop hinzufügen…

Ich mag die analoge Fotografie. Ich habe vor einiger Zeit von einem Bekannten eine Canon T70 geschenkt bekommen und habe mir gleich ein paar Filme besorgt. Zugegeben, ich nutze diese Kamera nicht so oft wie meine digitale Spiegelreflexkamera, aber es geht ein gewisser Reiz von ihr aus…

(weiterlesen…)

Abgelegt in Inspiration, Photoshop, Tutorial | 1 Kommentar »

Wie baue ich mir eigentlich ein Favoriten-Bildchen (favicon) ?

“Du Bernd, die meisten Websites besitzen doch in den Browser-Tabs ihr eigenes Bildchen neben dem Seitentitel ? Sowas kann man doch sicher auch selber machen … ”  Ähhh, ja klar. Das geht sogar in weniger als einer Minute. Ist die Frage ernst gemeint ? Aber tatsächlich bekam ich diese Frage vor kurzem sogar zweimal in recht kurzen Abständen von unterschiedlichen Menschen gestellt. Daher hier nun die ultimative Anleitung zur Erstellung des eigenen Favicons !

(weiterlesen…)

Abgelegt in Tutorial, WebDesign, XHTML | 7 Kommentare »

Böse Überraschung beim Dateienaustausch zwischen Mac und Windows.

Ehrlich gesagt nicht beim Dateienaustausch, sondern eher beim Rüberkopieren von Dateien, die auf dem Mac liegen und jetzt unter Windows zum Einsatz kommen sollen. Um ganz konkret zu sein: Ich wollte meinen Ordner mit sämtlichen Web-Projekten auf meinen Windows-Rechner kopieren, weil das MacBook bald zur Reparatur geht. Daher habe ich alle Projekte (überwiegend Wordpress-Projekte) auf eine externe Platte kopiert und dann auf meinen Win-Rechner geschaufelt. Genauso habe ich sämtliche Datenbanken ex- und importiert.

Soweit so gut. Als ich nun ein aktuelles Projekt über XAMPP im Browser öffnen wollte, sah das ganze in etwa so aus:
(weiterlesen…)

Abgelegt in Allgemein, Datenbank, Tutorial, Wordpress | Keine Kommentare »

Eine Facebook iFrame-Anwendung am Beispiel einer Bandseite

Ich habe hier vor ein paar Wochen zwei Artikel geschreiben, die das Einbinden eigener, individueller Unterseiten auf einer Facebook-Seite mithilfe einer FBML-Anwendung beschreiben. Leider kann man diese Form von Anwendung demnächst nicht mehr einbauen. Die FBML-Anwendung wird durch die sogenannte iFrame-Anwendung abgelöst. Das hat aber einige Vorteile, zumindest wenn man sich ein wenig mit dem Entwickeln von Webseiten auskennt. Für den Hobby-Facebook-Admin wird es nun leider etwas komplizierter.

Ich persönlich finde den Schritt, den Facebook hier macht aber mehr als glücklich, denn die iFrame-Anwendung bietet ohne Frage mehr Möglichkeiten bei der Gestaltung der Unterseite. Wenn man mal von der Breite des Fensters absieht, hat man nämlich quasi kaum noch Einschränkungen.
(weiterlesen…)

Abgelegt in CSS, Download, Facebook, Tutorial, WebDesign, XHTML | 3 Kommentare »

Einfach ein leckeres Blog-Layout mit Photohop gebaut… Teil 2: Der Rest

Der erste Teil dieses Tutorials ist ja mittlerweile … oh, gut 3 Monate her. Da wird es wohl mal Zeit den Rest zu bringen. Im Oktober letzten Jahres habe ich ja erklärt, wie man den Kopfbereich (Logo, Navigation etc…) mit Photoshop erstellt und in diesem zweiten und auch gleichzeitig letzten Teil, geht es um den Rest des Blog-Layouts. D.h. ich will hier nun noch erklären, wie man den Inhaltsbereich mit der typischen Sidebar und natürlich den obligatorischen Footer baut.

Das Endresultat sieht dann später so aus:

(weiterlesen…)

Abgelegt in Allgemein, Photoshop, Tutorial, WebDesign | 7 Kommentare »

Facebook-Netiquette: Grafiken auf Fanseiten einbetten am Beispiel einer Hausordnung.

Facebook ist ja so ein Ding, auf dem man die abgefahrensten Songs, Videos, Artikel oder Produkte entdeckt und einem mitunter die unglaublichsten Leute (wieder)begegnen.

Dieser Blogbeitrag zum Beispiel ist in Zusammenarbeit mit Sebastian entstanden, mit dem ich bis zur B-Jugend zusammen beim SV Nordenham gekickt habe. Nachdem wir uns dann 20 Jahre aus den Augen verloren hatten, haben wir uns 2010 auf Facebook wieder gefunden. Wie sich rausstellte, haben wir beide auch beruflich mit Facebook zu tun. Sebastian betreut bei der PR-Agentur Frische Fische Unternehmen aus IT, Web und Mobile konzeptionell und redaktionell im Social Web. 


Mit diesem Tutorial wollen wir gerne zeigen, wie ihr auf Euren Facebookseiten Grafiken unter einem Extra-Reiter einbetten könnt, um zum Beispiel Veranstaltungs- oder Angebotsflyer zu integrieren.

(weiterlesen…)

Abgelegt in Facebook, Inspiration, Marketing, Tutorial, WebDesign, XHTML | 4 Kommentare »

Die 10 absolut besten Photoshop Tutorials des letzten Jahres

Photoshop Tutorials gibt es wie Sand am Meer. Sie sind eine tolle Möglichkeit, neue Sachen auszuprobieren und meistens bleiben auch ein paar Techniken hängen. Schön finde ich immer, wenn man bei einigen Sachen den viel zitierten “Aha-Effekt” hat und lernt, wie man Dinge umsetzt, bei denen man sich sonst vielleicht ein Bein ausgerissen hat.

Hier nun die aus meiner Sicht besten Photoshop Tutorials der letzten zwölf Monate. Darunter sind Sachen wie Foto-Manipulationen, WebDesign-Layouts, Poster oder auch Text-Effekte und andere interessante Dinge…

“Sisters” von Marco Torres

(weiterlesen…)

Abgelegt in Inspiration, Linktipps, Photoshop, Tutorial, Typografie, WebDesign | 2 Kommentare »

Eine Facebook Seite mit einer Static FBML Anwendung aufwerten.

Facebook Fanpages machen Sinn. Nicht für jeden, aber wenn man für eine Website zusätzlich Besucher generieren möchte, dann lohnt der Mehraufwand vielfach schon. Normalerweise landet man standardmäßig auf der Pinnwand, wenn man die Fanpage aufruft. Man hat aber auch die Option, die Landing-Page selbst zu bestimmen. Ich bin der Meinung, die Info-Seite ist dafür bestens geeignet. Man hat hier die Möglichkeit die Seiten ausführlich zu beschreiben. Schade ist nur, dass das Aussehen dieser Info-Seite nicht verändert werden kann. Man bekommt einfach nur einen weißen Hintergrund und die schwarze Schrift.

Aber Facebook bietet auch die Möglichkeit eine sogenannte Static FBML Anwendung zu der Fanpage hinzuzufügen. Das ist grob genommen eine Unterseite der Fanpage, die aber individuell mit HTML und CSS erstellt werden kann. Man hat hier quasi alle Möglichkeiten (solange man statisch bleibt, Skriptsprachen sind nicht erlaubt).

(weiterlesen…)

Abgelegt in CSS, Facebook, Marketing, Tutorial, WebDesign, XHTML | 30 Kommentare »