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 »

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 »

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 (KW42)

Minimalistisches WebDesign heißt alles nicht notwendige aus einem Design zu verbannen. Nur die wichtigsten und grundlegensten Elemente einzubauen und somit wirklich nur die notwendigsten Funktionen zu bieten. Alles, was nicht zur Usability bzw. Funktion der Site beiträgt fliegt raus. Es ist eine Kunst für sich ein minimales Design zu entwerfen. Vielfach hat man das Gefühl, dass noch irgendwas fehlt. Der folgende Artikel beschäftigt sich mit dem Problem. Außerdem gibt es schöne minimalistische Sites zu sehen…

(weiterlesen…)

Abgelegt in CSS, Download, Inspiration, Linktipps, Typografie, WebDesign | 2 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 »

Meine 9 häufigst besuchten Inspirationsquellen

Inspirationen für Designprojekte kann man überall finden. Häufig muss man nicht mal einen Rechner dafür einschalten. (Neulich hatte ich einen tollen Einfall beim Sonnenbad am Deich.) Magazine sind für mich eine Quelle, genauso wie schöne Buchcover. Aber am häufigsten und liebsten schaue ich mich auf sogenannten Showcase Seiten rum. Dies sind spezielle Portale, die meistens nichts anderes machen, als hervorragende WebDesigns zu zeigen.

An dieser Stelle möchte ich nun 9 meiner liebsten Anlaufstellen vorstellen. WebDesign Showcases gibt es mittlerweile wie Sand am Meer, aber nur wenige bringen wirklich exquisite Seiten. Wobei das natürlich wie immer Geschmachssache ist…

Make Better Websites

(weiterlesen…)

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

Photoshop / CSS : Minimale aber elegante “Under Construction” Seite (Tutorial)

Ärgerlich ist es, wenn man an einer Website arbeitet, die Domain schon bekannt ist und die Besucher noch nichts zu sehen bekommen. Wenigstens eine kurze Information zur entstehenden Site und eventuell eine email-Adresse sollte man bereitstellen.

In diesem Tutorial will ich eine einfache, aber nützliche Baustellenseite mithilfe von Photoshop bauen und diese am Ende in XHTML & CSS konvertieren. Das Resultat am Ende schaut dann so aus:

(weiterlesen…)

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