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 »

Als WebDesigner muss man kein SEO-Experte sein…

… aber ein paar grundlegende Dinge hinsichtlich der Suchmaschinenoptimierung kann man deshalb trotzdem beim Design einer Website beachten.

Bildquelle: flickr - roomzworld

(weiterlesen…)

Abgelegt in Allgemein, Marketing, SEO, XHTML | 3 Kommentare »

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 »

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 »

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 »

Eine Facebook Seite nun wirklich mit FBML aufwerten

Ich habe vor ein paar Tagen bereits hier beschrieben, wie man seine Facebook Seiten mit der Anwendung “Static FBML” ganz nett erweitern kann. Dabei habe ich HTML und CSS eingesetzt. Durch den Hinweis eines Lesers wurde ich darauf aufmerksam gemacht, dass es durchaus Sinn macht, einige Inhalte vor Fans zu verstecken. Genauso gut kann man natürlich spezielle Inhalte nur für Fans anbieten.
(weiterlesen…)

Abgelegt in Facebook, Inspiration, Marketing, XHTML | 4 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 »

5 inspirierende Tweets der letzten Woche (KW38)

Typografie ist extrem wichtig, wenn es um das Design von Web-Auftritten geht. Hier jetzt ein Showcase mit 35 Webseiten, die sehr große Schriften einsetzen…

(weiterlesen…)

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

Website mit großem Hintergrundbild erstellen

Besonders Web-Auftritte aus der Touristikbranche, der Autoindustrie oder auch der Möbelfertigung nutzen teilweise riesige, bildschirmfüllende Hintergrundbilder. Aber auch viele andere Webauftritte gestalten ihre Websites auf diese Weise. Es ist natürlich Geschmachssache und kommt auch auf die Qualität des verwendeten Bildes an, aber ich finde diese Technik kann einen Auftritt im Netz durchaus aufwerten.

Um einen Eindruck davon zu bekommen, wie so etwas (wenn es wirklich gut gemacht wurde) aussehen kann, hier ein paar exquisite Beispiele…

(weiterlesen…)

Abgelegt in CSS, Tutorial, WebDesign, XHTML | 4 Kommentare »

14 Design Blogs, die jeder Web- und Grafikdesigner kennen sollte…

Die Informationsflut im Internet nimmt stetig zu. Das weiß jeder, darüber will ich mich hier auch gar nicht auslassen. Jeder sollte wissen welche und vor allem wieviele Informationen er aufnehmen will bzw. kann. Ich persönlich folge relativ vielen Designern aus dem Bereich Web und Grafik auf Twitter und es ist manchmal schwer zu entscheiden welche Inhalte wirklich wichtig sind.

Ich versuche mich ständig weiter zu entwickeln und ich denke, das versuchen die meisten Webworker. Eine große Hilfe sind für mich kleinere Tutorials verschiedenster Web- bzw Grafikdesign Blogs. Wenigstens einmal die Woche versuche ich einen Artikel aus diesem Bereich durchzuarbeiten und die gezeigten Techniken zu verinnerlichen.

An dieser Stelle will ich kurz 14 Tutorial-Blogs vorstellen, die in meiner Bookmarkliste ganz oben stehen. Die Reihenfolge der Auflistung ist an dieser Stelle völlig ohne Wertung…

(weiterlesen…)

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