Webdesign

jQuery – Inspirationen

Ich habe mich auf den Weg gemacht, jQuery-Inspirationen zu sammeln.
Und gefunden hab ich wunderschöne Plugins, die gut geeignet sind für eigene Projekte:

FancyZoom

fancyzoom

Download und Demo

Weiterlesen »

WordPress mit “UTF-8 mit Unicode-Signatur BOM” erzeugt Abstände

BOM und WordPress Ich hatte heute schon wieder ein Problem mit WordPress und UTF-8.

Als ich ein Template für WordPress fertig hatte, waren auf einmal Abstände zwischen

<?php get_header(); ?>
<?php get_sidebar(); ?> und
<?php get_footer(); ?>

Wo kamen die denn her? Weiterlesen »

UTF-8 – was man alles beachten muss

Wer ist da nicht schon mal drüber gestolpert?

Anstatt der “westlichen (ISO-8859-1)” wird heute immer mehr UTF-8-kodiert. Das hat zum einen den Vorteil, dass da jetzt (fast) alle Sprachen mit einer Dateikonvertierung zurechtkommen, aber andererseits auch den Nachteil, dass man das überall sagen muss, weil viele Browser und E-Mail-Programme noch die   ISO-8859-1 – Kodierung als Standard haben.

Wir haben jetzt mal zusammengelegt, was man alles beachten muss, wenn man UTF-8 kodiert programmiert, damit nicht ein Buchstabensalat rauskommt. Weiterlesen »

IE7 im IE8 simulieren

Mit diesem Code kann man den IE7 im IE8 simulieren:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Praktisch für Webdesigner, die keine Standalone-Version installieren wollen.

UTF8 in Dreamweaver

In Dreamweaver macht man aus einer beliebigen Seite eine UTF8-Seite

bei neuen Dokumenten:
Datei –> neues Dokument –> Voreinstellungen –> und dort wählt man unter “Standardkodierung” –> UTF8 aus.

bei bestehenden Dokumenten:

Modifizieren –> Seiteneigenschaften –> auf “Titel/Kodierung” klicken –> und dort unter “Kodierung”   UTF8 einstellen –>   auf “OK” klicken.

Ausklapp-Menüs und Tabs barrierefrei

ausklappmenüsWer schon mal ein Ausklapp-Menü barrierefrei gestalten wollte, ist sicherlich ganz schön ins Schwitzen gekommen.

Wies geht, zeigt hier ein Artikel des “Barrierefrei informieren und kommunizieren”-Portals.

tabsUnd noch ein anderes, ähnlich schwieriges Thema.

Wie kann man Tabs auf einer Seite barrierefrei umsetzen?

Dirk Ginader beschreibt es in diesem Artikel:   “jQuery Accessible Tabs – Wie man Tabs WIRKLICH zugänglich macht”.

Google-Kalender jetzt noch einfacher auf der eigenen Website integrieren

google_kalender“Google Kalender“ auch auf der eigenen Website” war ein Artikel von mir, den ich geschriebe habe, als Google den Kalender ganz neu in sein Programm aufgenommen hatte.

Inzwischen ist es noch viel leichter, den Google-Kalender in die eigene Website einzubinden.

Dazu geht man wie folgt vor: Weiterlesen »

Icons für alle Fälle

Brief-IconKlein, schön anzusehen und aussagekräftig – das sollte ein optimales Icon sein. Und da es gar nicht so einfach ist, ein solches Icon zu gestalten, freut es um so mehr, dass andere ihre Icons im Web zur Verfügung stellen: Weiterlesen »

Browser-Screenshot-Services

Leider stellen auch heute noch nicht alle Browser alle Webseiten gleich dar.
Als Webentwickler sollte man trotzdem sicherstellen, dass diese auf möglichst allen Systemen und Browsern ansprechend aussehen und benutzbar sind.

Doch wie das alles testen? Weiterlesen »

Website-Hintergrund-Muster mit dem bgMaker einfach selbst gestalten

Screenshot bgMakerMit dem bgMaker können die beliebten Website-Hintergrund-Muster einfach selbst gemacht werden.
Der Clou an dem online-Generator – man sieht das Muster gleich im Hintergrund der Seite!

In der Galerie können auch die Werke der anderer Benutzer durchstöbert werden.

Zum bgMaker »

Noch mehr Wallpaper-patterns gibt es hier: