Webdesign

Ausklapp-Menüs und Tabs barrierefrei

2009 - 17 - Okt

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

2009 - 8 - Okt

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

2008 - 6 - Mrz

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

2007 - 8 - Jan

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 »)

Unaufdringliche Popups im Webkrauts-Adventskalender

2006 - 19 - Dez

Webkrauts AdventskalenderDirk Ginader stellt im heutigen Webkrauts-Adventskalender-Türchen eine selbst geschriebene JavaScript-Klasse zur einfachen und standardkonformen Einbindung von Popup-Fenstern in eine Webseite vor: JsPopUp – Neue Browserfenster komfortabel und unaufdringlich

Übrigens nur einer von 24 lesenswerten Beiträgen im WEBKRAUTS ADVENTSKALENDER 2006, die sicher auch noch 2007 aktuell sind!

HTML-Formulare: gutaussehend, standardkonform und barrierefrei

2006 - 7 - Nov

Screenshot FormularDr. Web hat eine Sammlung zum Thema »Formulare und Umfragen: Moderne Lösungen« zusammengestellt und veröffentlicht.

Zu finden ist eine Reihe an interessanten Quellen, die beschreiben, wie man Formulare mit modernen Technologien ansprechend, übersichtlich und gleichzeitig standardkonform und zugänglich gestalten kann.

Zur Quellensammlung bei Dr. Web »

Website-Hintergrund-Muster mit dem bgMaker einfach selbst gestalten

2006 - 3 - Sep

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:

Typo3, Joomla, Wordpress und phpBB bei all-inkl automatisch installieren lassen

2006 - 28 - Aug

Screenshot: all-inkl-SoftwareinstallationEben entdeckt:

Der Webhosting-Anbieter all-inkl bietet seinen Kunden im Administrationsbereich (KAS-Server) die Möglichkeit, beliebte CMS-, Blog- und Forensoftware “auf einen Klick” automatisch zu installieren.

Mit von der Partie sind Joomla, Wordpress, Typo3 und phpBB.

Zur Einrichtung klickt man im KAS-Server auf Tools > Softwareinstallation und wählt dort ein Verzeichnis sowie eine (zuvor angelegte) Datenbank aus.

Die FAQ dazu findet sich unter dem Menüpunkt Support > FAQ > Softwareinstallation.

Hab´ es noch nicht getestet, aber wenn das funktioniert, könnte man sich vor allem für die Typo3-Installation viel Fizzelarbeit sparen!

Standardkonforme Powerpoint-Alternativen in der Übersicht – von Jens Meiert

2006 - 28 - Jul

PräsentationJens Meiert vergleicht in seinem Beitrag Übersicht: Präsentationen mit Webstandards (S5 und Co.) die vier HTML-basierten Präsentations-Tools S5, HTML Slidy, DOMSlides und Slideous.

Alle eine gute Alternative zu Powerpoint & co., weil standardkonform, barriererarm, browserunabhängig, schnell geladen und leicht im Web zu veröffentlichen.

Was sie voneinander unterscheidet, beschreibt Jens Meiert in seinem Artikel »

Layout-Hilfslinien als praktische Bookmarklets von Andy Budd

2006 - 23 - Jul

Layout GridAndy Budd stellt drei Bookmarklets zur Verfügung, welche Gitternetzlinien mit transparentem Hintergrund hinter oder über eine Website zaubern.
Zusätzlich befinden sich Lineale am oberen und linken Seitenrand, an denen sich die Pixel ablesen lassen.

Erleichtert enorm das Positionieren von Elementen beim Webseiten-Layouten. Super praktisch!


all-inkl.com webhosting