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 »

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 »

5 inspirierende Tweets der letzten Woche (KW 05-2011)

Es ist ja schon wieder Februar. Zeit für eine weitere Ausgabe der …. trommelwirbel … “Inspirierenden Tweets der letzten Woche” ! Und diese stehen heute ganz im Zeichen von Wordpress. Daher geht’s hier gleich los mit ein paar kostenlosen Plugins, mit denen man relativ unkompliziert einen jQuery Slider in seinen Blog bauen kann.

(weiterlesen…)

Abgelegt in CSS, Inspiration, Linktipps, WebDesign, Wordpress | Keine 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 »

5 Inspirierende Tweets der letzten Woche (KW 02-2011)

Schon ist das Jahr über zwei Wochen alt und ich habe noch keine interessanten Tweets bzw. Links vorgestellt. Ist in letzter Zeit ein wenig eingeschlafen diese Rubrik. Aber das ist jetzt vorbei. Denn hier sind wieder fünf nützliche Links…

Den Anfang macht mein Lieblings-Webmagazin t3n. Im folgenden Artikel geht es mal wieder um das Social Web und in diesem Fall speziell um die Frage nach Messwerten und Bewertungkriterien für Kampagnen…

(weiterlesen…)

Abgelegt in Facebook, Inspiration, Linktipps, Marketing, SEO, Tools, Typografie, WebDesign | Keine 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 »

Was soll 2011 besser werden ?

So heißt ein kleines Mini-Projekt, welches ich in den letzten zwei Tagen in der Freizeit zusammengebaut habe. Es geht eigentlich nur darum, dass man ganz unkompliziert und absolut anonym (es wird lediglich die IP gespeichert, damit man seine Kommentare selber wieder löschen kann) seine Vorsätze für das neue Jahr loswerden kann. Desweiteren kann man natürlich die Vorsätze und Wünsche anderer lesen.

Das war es eigentlich schon. Entstanden ist die kleine Idee im Zusammenhang des online-Magazins weserkultur.net

(weiterlesen…)

Abgelegt in Allgemein, Linktipps, WebDesign | Keine Kommentare »