http://die.netzspielwiese.de/blog Fri, 03 Feb 2012 11:14:40 +0000 http://backend.userland.com/rss092 en 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? Die Antwort war mal wieder UTF-8! Hat man einen UTF-8-Code mit Unicode-Signatur (BOM) einschließen abgespeichert, wird dem ... http://die.netzspielwiese.de/blog/wordpress/2011-02/wordpress-mit-utf-8-mit-unicode-signatur-bom-erzeugt-abstaende [2010] Mjammi.de - das ist unser Kochblog. Alle Gerichte haben wir gekocht und nur die, die super schmecken, finden ihren Weg ins Blog. Dabei ist der Blog vollkommen multilingual konfiguriert. Ganz wichtig war mir auch eine optimale Suchmaschinentauglichkeit. Die Website wurde standardkonform (mit validem XHMTL 1.0 + tabellenfreiem CSS-Layout) und weitgehend barrierefrei programmiert. Als ... http://die.netzspielwiese.de/blog/portfolio/2011-02/mjammi-de 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  ... http://die.netzspielwiese.de/blog/webdesign/2011-01/utf-8-was-man-alles-beachten-muss Ich musste selbst schon oft eine Wordpress-Installation auf eine andere Domain umziehen. Deshalb hier eine kurze Zusammenfassung: Erstelle eine robots.txt auf der neuen Domain mit folgendem Inhalt: User-agent: * Disallow: / Kopiere die Datenbank und Dateien von Wordpress auf die neue Domain. Bearbeite wp-config.php, so dass Du das Recht hast auf die Datenbank zuzugreifen, und ... http://die.netzspielwiese.de/blog/allgemein/2010-12/wie-zieht-man-ein-wordpress-blog-von-einer-domain-auf-eine-andere Christian Strang hat ein PDF zusammengestellt, das einem den Weg zu einem eigenen Wordpress-Template aufzeigt. wordpress.lernenhoch2.de/handbuch/ Dabei wird einem Schritt für Schritt alles erklärt. Für manche ein gut erklärter Einstieg, für mich eine super Zusammenfassung! http://die.netzspielwiese.de/blog/wordpress/2010-11/ein-eigenes-wordpress-template-erstellen-2 Da im Snow Leopard Finder alle Systemdateien und Dateien und Ordner deren Namen mit einem Punkt beginnen standardmässig versteckt werden, kommt man als Webdesigner oft in die Bredoiulle, da man zuweilst auch z.B. die .htaccess Dateien auf dem lokalen Server editieren will. Um nicht jedesmal die Konsole ... http://die.netzspielwiese.de/blog/apple/2010-11/versteckte-systemdateien-im-mac-snow-leopard-anzeigen-ein-workaround-von-panagiotis-chatzichrisafis 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. http://die.netzspielwiese.de/blog/webdesign/2010-10/ie7-im-ie8-simulieren 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. http://die.netzspielwiese.de/blog/webdesign/2010-10/utf8-in-dreamweaver [2010] Das Evangelische Jugendwerk (ejw) in Ludwigsburg bietet für Kinder und Jugendliche interessante und abwechslungsreiche Aktionen, Freizeiten und vieles mehr. Ich betreue die Internetseite schon von Anfang an und jetzt wurde sie erneuert. Das Layout der Webseite wurde mit XHTML und CSS tabellenfrei und standardkonform umgesetzt. Die Seite ist barrierefrei und die ... http://die.netzspielwiese.de/blog/portfolio/2010-01/evangelisches-jugendwerk-bezirk-ludwigsburg-2 Wer 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. Und 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 - ... http://die.netzspielwiese.de/blog/barrierefreiheit/2009-10/ausklapp-menues-und-tabs-barrierefrei "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: 1) Neben dem Kalender, den ... http://die.netzspielwiese.de/blog/inspiration/2009-10/google-kalender-jetzt-noch-einfacher-auf-der-eigenen-website-integrieren HTML5 ist ein Schlagwort, was man immer mehr hört. Was es damit auf sich hat, und ob man es jetzt schon einsetzen sollte, habe ich hier mal zusammengetragen: Artikel über HTML5: http://meiert.com/de/publications/talks/20090924/ http://www.peterkroener.de/html5-was-geht-heute-schon-was-geht-nicht-der-grosse-ueberblick/ http://yatil.de/Weblog/wer-heute-schon-html5-einsetzen-sollte Eine Reihe zu HTML5 von den Webkrauts: http://www.webkrauts.de/2009/09/21/moderne-semantik/ http://www.webkrauts.de/2009/09/28/sehen-und-hoeren/ http://www.webkrauts.de/2009/09/29/malen-nach-zahlen/ http://www.webkrauts.de/2009/10/01/tipphilfen/ http://www.webkrauts.de/2009/10/05/html5-in-der-praxis-1/ http://www.webkrauts.de/2009/10/06/html5-in-der-praxis-2/ In englisch: http://dev.w3.org/html5/spec/Overview.html - HTML5 Spezifikationen vom W3C http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/ - HTML5 Cheat Sheet http://adactio.com/extras/pocketbooks/html5/ - HTML 5 Pocketbuch http://html5doctor.com/ - ... http://die.netzspielwiese.de/blog/allgemein/2009-10/html-5-linksammlung Auf der Seite LINKS hier auf der Netzspielwiese habe ich meine del.icio.us-Links als Tag-Wolke mit der Möglichkeit der Anzeige der Einzellinks zu den jeweiligen Kategorien eingebunden. Nachdem del.icio.us den Quelltext ein bisschen geändert hat, habe ich die del.icio.us-Tag-Wolke und die Einzellinks einmal überarbeitet. Sie können den aktuellen Quellcode hier runterladen. Und hier können ... http://die.netzspielwiese.de/blog/wordpress/2009-10/wordpress-link-seite-mit-del-icio-us-tag-wolke-und-einzellinks [2009] Gemeinsam mit Mitarbeitern und Partnern entwickelt und produziert die Sourcon Padena als mittelständisches Biotechnologie-Unternehmen biologische Pflanzenschutzmittel. Optimale Suchmaschinentauglichkeit war unter anderem ein wichtiges Ziel bei der Erstellung der Seite. Sie wurde außerdem barrierefrei, mit validem XHMTL 1.0 und tabellenfreiem CSS-Layout erstellt. Als Content Management System wurde Wordpress eingesetzt und angepasst. Sourcon Padena besuchen Meine ... http://die.netzspielwiese.de/blog/portfolio/2009-09/sourcon-padena Möchte man seinen Flash-Videos (FLV), die von Jeroen Wijerings Flash Video Player angezeigt werden ( siehe hier und hier ), Untertitel hinzufügen, empfiehlt sich folgende Vorgehensweise. 1) Zuerst einmal lädt man das Video auf seinen Webspace. 2) Dann geht man auf subtitle-horse.org 3) gibt dort die URL des Videos an und klickt auf ... http://die.netzspielwiese.de/blog/barrierefreiheit/2008-06/untertitel-bei-flv-video-dateien [2008] Die Werbekette ist eine Werbeagentur von Sabine Kettenhofen. Mit ihrer Website stellt sie sich, ihre Leistungen und Referenzen, vor. Optimale Suchmaschinentauglichkeit war unter anderem ein wichtiges Ziel bei der Erstellung der Seite. Sie wurde außerdem barrierefrei, mit validem XHMTL 1.0 und tabellenfreiem CSS-Layout erstellt. die Werbekette besuchen Die Werbekette erhielt im BITV-Test (Barrierefreiheit) ... http://die.netzspielwiese.de/blog/portfolio/2008-06/die-werbekette     Mit FoxLingo wird die Übersetzung einer Website zum Kinderspiel. Von etwa 30 Sprachen in genausoviele andere Sprachen. Der Service nutzt online-Übersetzungs-Programme. So kann man eine englische Website auf ungefähr 15 Arten ins deutsche übersetzen. Worldlingo, Google und AltaVista sind nur drei von ihnen. Ebenso kann man auch einzelne Wörter eine beliebige ... http://die.netzspielwiese.de/blog/firefox/2008-04/foxlingo-uebersetzen-leicht-gemacht [2007, 2008, 2009] Für die Agentur sWEBian setze ich immer wieder (Photoshop-)Layouts in XHTML-Code und CSS-Stylesheets um. Hier sind nun mal ein paar davon:   Meine Aufgabe Layout: tabellenlos, standardkonform und barrierearm mit XHTML und CSS http://die.netzspielwiese.de/blog/portfolio/2008-04/xhtml-und-css-fuer-swebian Internetseiten werden auf vielen verschiedenen Medien genutzt. Dazu gehören die Browser der vergangenen, aktuellen und zukünftigen Generationen, aber auch Handhelds oder beispielsweise Screenreader, mit denen Blinde sich Internetseiten erschließen. Damit die Informationen einer Webseite auf allen Lesegeräten, Browsern und von Menschen mit Behinderungen zugänglich sind, müssen diese speziell aufbereitet werden. In ... http://die.netzspielwiese.de/blog/leistungen/2008-04/barrierefreies-webdesign Ich habe letztens einmal meinen Mut zusammengenommen und von Wordpress 1.0x auf 2.5 upgedatet. Wie Ihr seht, gabs kaum Probleme. (Danke, Perun für Deine ausgezeichnete Anleitung.) 1. Mein Wordpress-als-CMS-Beitrag bleibt weiterhin gültig. Es funktioniert auch unter Wordpress 2.5 einwandfrei. 2. Auch die delicious-Tagwolke funktioniert ohne Probleme. Allerdings ist sie ja auch unabhängig ... http://die.netzspielwiese.de/blog/wordpress/2008-04/wordpress-25-nun-auch-bei-mir-im-einsatz