http://webdesign.weisshart.de/artikel.php Eine Sammlung von Artikeln zum Thema Webdesign de Dipl.-Ing.(FH) Fritz Weisshart CSS http://deine-erste-homepage.com ]]> Es muss nicht immer Typo3 sein - die Zweite "Dreimal klicken - und Sie haben eine eigene Homepage, ohne programmieren zu müssen." So oder so ähnlich lauten die Anpreisungen vieler Webhosting-Anbieter. Mag ja sein, dass es tatsächlich möglich ist, dieses Versprechen einzuhalten. Aber das Ergebnis ... http://deine-erste-homepage.com Thu, 05 Apr 2012 15:30:00 +0200 CSS http://webdesign.weisshart.de/md_cms.php ]]> Ich hab' mal auf Basis von Markdown ein Mini-CMS geschrieben. Kunden können damit vorab definierte Bereiche ihrer Website selbst pflegen. Das genügt in vielen Fällen. (Meine) Kunden wollen in der Regel keine neuen Seiten anlegen, oder gar die Struktur der Site ändern. http://webdesign.weisshart.de/md_cms.php Wed, 05 Oct 2011 15:30:00 +0200 CSS http://webdesign.weisshart.de/bildbeschreibung.php ]]> Du solltest jedes Bild vor dem Twittern mit einer Beschreibung versehen. Blinde Twitteristi werden dir für diese kleine Mühe dankbar sein. Dieses Tool macht dir die Arbeit leicht. Direkt zum Tool: w7t.de/a.php
]]> http://webdesign.weisshart.de/bildbeschreibung.php Mon, 11 Apr 2011 22:30:00 +0200 CSS http://webdesign.weisshart.de/video_player_bf_yt_so.php ]]> Der barrierefreie Player spielt jedes YouTube Video, und ist sowohl mit Tastatur als auch mit Screen Readern gut zu bedienen. Short-URL: w7t.de/yt
]]> http://webdesign.weisshart.de/video_player_bf_yt_so.php Sat, 25 Dec 2010 14:30:00 +0200 CSS http://webdesign.weisshart.de/video_player_bf_4.php ]]> Der Player ist sowohl mit Tastatur als auch mit Screen Readern gut zu bedienen. Damit eignet er sich sehr gut auch für die Zielgruppe hör- und/oder sehbehinderte Menschen. http://webdesign.weisshart.de/video_player_bf_4.php Mon, 20 Dec 2010 14:30:00 +0200 CSS http://webdesign.weisshart.de/aap.php ]]> ... der beste bisher! http://webdesign.weisshart.de/aap.php Wed, 01 Dec 2010 14:30:00 +0200 Barrierefreiheit http://webdesign.weisshart.de/nvda_u3.php ]]> Der Screen Reader NVDA kann auch auf einem USB-Stick betrieben werden. Damit steht auch auf fremden Rechnern (fast) immer ein Screen Reader zur Verfügung. Das Problem für blinde Benutzer: Das Starten der .exe Datei auf dem USB-Stick wird in aller Regel nur mit sehender Hilfe gelingen. Abhilfe ... http://webdesign.weisshart.de/nvda_u3.php Thu, 25 Nov 2010 12:33:00 +0200 CSS http://webdesign.weisshart.de/klingelton.php ]]> Eine Schritt-für-Schritt-Anleitung, um dir selbst einen Klingelton für dein iPhone zu erstellen. Aus deinem Lieblingssong, oder einer eigenen Aufnahme. http://webdesign.weisshart.de/klingelton.php Tue, 31 Aug 2010 14:30:00 +0200 CSS http://webdesign.weisshart.de/3d_wall.php ]]> Eine experimentelle Einbindung eines Flickr-Fotoalbums via cooliris express]]> - Schneller kann man ein cooles Fotoalbum nicht erzeugen. http://webdesign.weisshart.de/3d_wall.php Mon, 28 Jun 2010 15:15:00 +0200 CSS http://webdesign.weisshart.de/ustream.php ]]> Von unterwegs mal schnell einen Live-Video-Stream zu erzeugen, das hätte was. Es gibt für das iPhone eine kostenlose App, die genau das macht. http://webdesign.weisshart.de/ustream.php Wed, 19 May 2010 19:55:00 +0200 CSS http://webdesign.weisshart.de/ws_zwispeichern.php ]]> Verlasse dich nie darauf, dass Webservices immer funktionieren! Du solltest grundsätzlich immer den letzten validen Return des Webservices auf deinem Server cachen und erst mit dem nächsten validen wieder überschreiben. http://webdesign.weisshart.de/ws_zwispeichern.php Tue, 16 Feb 2010 14:35:00 +0200 CSS http://webdesign.weisshart.de/testwerkzeuge.php ]]> Sauberen, korrekten (X)HTML- und CSS-Code schreiben - ob von Hand, oder mit einem CMS-System, mit einer Blog- oder Forensoftware, ist eine Sache. Aber auch hierbei gilt: Kontrolle ist besser. Ich habe mal in meine Werkzeugkiste gegriffen, und stelle meine wichtigsten Tools vor. http://webdesign.weisshart.de/testwerkzeuge.php Fri, 29 Jan 2010 14:35:00 +0200 CSS http://webdesign.weisshart.de/iphone_css.php ]]> Klar, jede Webseite kann man mit dem iPhone und fleissigem Zoomen (mit Daumen und Zeigefinger) und Herumgeschiebe des für den Monitor zu großen Inhalts irgendwie betrachten. Der Artikel zeigt, wie man sich eine Arbeitsumgebung schafft, um ein spezielles iPhone-CSS auf einfache Art zu editieren. http://webdesign.weisshart.de/iphone_css.php Fri, 11 Dec 2009 23:05:00 +0200 Gutes Webdesign http://webdesign.weisshart.de/homelink.php Der Link zur Startseite. Es ist inzwischen allgemein bekannt, dass Nutzer den Link zur Startseite auf dem Firmenlogo erwarten. Für gewöhnlich also links oben auf der Seite. Natürlich wäre es hübsch, wenn dies irgendwie signalisiert wird. Am besten nur, solange die Maus oder der Tastaturfokus auf dem Logo liegt. http://webdesign.weisshart.de/homelink.php Tue, 17 Nov 2009 17:02:00 +0200 Multimedia http://webdesign.weisshart.de/portable_ymp_mf.php Ist ja wirklich pfiffig, der Yahoo Media Player "zum Mitnehmen". Aber jetzt fehlt wieder der Fortschrittsbalken, den wir auf eigenen Seiten eingebaut haben. Damit konnte ich mich nicht zufrieden geben ... http://webdesign.weisshart.de/portable_ymp_mf.php Thu, 05 Nov 2009 15:42:00 +0200 Multimedia http://webdesign.weisshart.de/portable_ymp.php Schön, jetzt haben wir also den Yahoo Media Player auf der eigenen Seite installiert. Aber was ist mit den zahlreichen Seiten im Web, die mp3 immer noch zum Download anbieten? Wäre es nicht pfiffig, wir könnten den Yahoo Player auf diese Seiten mitnehmen? http://webdesign.weisshart.de/portable_ymp.php Tue, 03 Nov 2009 15:48:00 +0200 Multimedia http://webdesign.weisshart.de/ymp.php Der Yahoo Media Player. Pfiffig, stylisch, und fast barrierefrei. Ganz einfach zu installieren. Dann noch ein wenig aufpeppen, und das Teil wird noch stylischer. http://webdesign.weisshart.de/ymp.php Mon, 02 Nov 2009 18:55:00 +0200 Barrierefreiheit http://webdesign.weisshart.de/gutes_javascript.php Wie setzt man JavaScript richtig ein? Was ist beim Einsatz von JavaScript zu bedenken und zu berücksichtigen. Und wie ist das mit der Barrierefreiheit von JavaScript? http://webdesign.weisshart.de/gutes_javascript.php Fri, 16 Oct 2009 12:33:00 +0200 Barrierefreiheit http://webdesign.weisshart.de/nvda.php ]]> Wer wirklich Wert auf Barrierefreiheit legt, kommt um Tests mit einem Screen Reader nicht herum. Der Artikel beschreibt eine schnelle, schlanke Methode unter Verwendung des kostenlosen Screen Readers NVDA. http://webdesign.weisshart.de/nvda.php Thu, 08 Oct 2009 12:33:00 +0200 RSS http://webdesign.weisshart.de/rss2html.php ]]> RSS Feeds gibt es wie Sand am Meer. Fast jedes Blog oder CMS erzeugt auch einen Feed. Wie wäre es, den Inhalt eines beliebigen Feeds auf der eigenen Homepage anzuzeigen? Automatisch aktualisiert! http://webdesign.weisshart.de/rss2html.php Sat, 26 Sep 2009 11:00:00 +0200 JavaScript http://webdesign.weisshart.de/fenster.php ]]> Die Geister scheiden sich daran, wie denn nun ein Link am besten geöffnet werden soll. Die einen schätzen ein neues Fenster, um die alte Ansicht nicht zu verlieren. Andere hassen das Fenstergewirr. Ich überlasse die Wahl meinem Besucher! Neu: Eine zusätzliche Funktion, die für Gedächtnis sorgt, und die getroffene Wahl für alle Seiten eines Webauftritts übernimmt. http://webdesign.weisshart.de/fenster.php Tue, 22 Sep 2009 11:00:00 +0200 JavaScript http://webdesign.weisshart.de/klappen.php ]]> Manchmal möchte man Bereiche auf einer Webseite erst bei Bedarf anzeigen, die Seite soll erst einmal übersichtlich und aufgeräumt sein. Erst nach einem Klick sollen Details gezeigt werden. Denkbare Anwendungen: * Inhaltsverzeichnisse mit mehreren Ebenen (verschachtelte Listen) * Eine seiteninterne Hilfe * Bildbeschreibungen * oder das Bild erst auf Klick anzeigen * ... und andere http://webdesign.weisshart.de/klappen.php Mon, 14 Sep 2009 10:00:00 +0200