Flash MP3 Player

Man kann sich heute das Internet nicht mehr ohne Multimedia vorstellen. Ohne Bilder geht es schon lange nicht mehr. Auch Videos werden auf immer mehr Webseiten eingebunden und MP3 Musik trällert beim Besuch so mancher Seite aus den Lautsprechern.

Wer kann sich denn heute noch ein Internet vorstellen, wo es nicht möglich war die Musik der Lieblingsband direkt auf deren Homepage hören zu können? Viele Bands stellen für ihre neuen Alben Ausschnitte aus den einzelnen Songs über einen MP3 Player online. Die dafür verwendete Technik basiert meistens auf dem Adobe Flash Player (ehemals Macromedia) und passende Flash MP3 Player kann man sich zumeist kostenlos herunterladen und auf der eigenen Webseite installieren.

Heute möchte ich euch eine kleine Auswahl der besten Flash MP3 Player für den freien Gebrauch vorstellen.
Mehr lesenFlash MP3 Player

Die 10 besten Google AdSense Desktop und iPhone Tools

Wie versprochen starte ich heute die große Serie "Der ultimative Google AdSense Überblick: Tipps, Tools und Links" mit einer Liste der 10 besten Google AdSense Desktop und iPhone Tools.

Da ich selber fast ausschließlich am Mac arbeite, werde ich diese Liste in die 5 besten Google AdSense Tools für Mac und in die 5 besten Google AdSense Tools für Windows unterteilen. So sollte für jeden das passende Desktop Tool dabei sein. Solltet Ihr noch ebenso gute Tools für Linux oder andere Betriebssysteme kennen, so scheut euch nicht mir diese in den Kommentare zu nennen.

Doch genug der Vorrede, starten wir mit unserer ultimativen AdSense Tool Liste:
Mehr lesenDie 10 besten Google AdSense Desktop und iPhone Tools

Der ultimative Google AdSense Überblick: Tipps, Tools und Links

Google AdSense ist der einfachste und schnellste Weg für Blog- und Webseitenbetreiber, um mit Inhalten Geld zu verdienen. Seit einigen Jahren ist Googles Pay-per-Click Werbesystem eine beliebte Möglichkeit für Jeden, der ohne Umwege Werbung in die eigenen Seiten einbinden möchte, ohne diese Werbeplätze aktiv verkaufen zu müssen. Für Viele stellt AdSense den Großteil der Werbeeinnahmen dar und auch für dich kann sich Google AdSense schnell auszahlen!

In den folgenden Beiträgen werde ich dir die ultimative Sammlung an Google AdSense Tipps und Tricks,  Tools und Links geben, welche dir helfen werden, das Meiste für dich aus Google AdSense herauszuholen.
Mehr lesenDer ultimative Google AdSense Überblick: Tipps, Tools und Links

IE 6 für Mac OS X

Wenn man wie ich als Ruby on Rails Entwickler unter Mac OS X arbeitet, dann kommt man früher oder später an den Punkt, wo man die Seite an der man arbeitet auch auf dem Internet Explorer testen möchte. Leider hat sich Microsoft nicht dazu hinreißen lassen, seine neusten Browser auch für Mac OS X zuMehr lesenIE 6 für Mac OS X

Google Sitemaps mit Ruby on Rails erstellen

Wer sich bereits eingehender mit Ruby on Rails beschäftigt hat, der weiß dass dieses beliebte Framework einem viele Aufgaben von Haus aus abnimmt und diese vereinfacht.

In den Tagen des Social Webs gehört es unter anderem zu den häufigen Aufgaben eines Entwicklers, XML Dokumente zu generieren, oder APIs auf Basis von XML bereitzustellen. News wollen in Form von RSS oder Atom abonniert werden, Inhalte aus anderen Webangeboten über XML in die eigenen Seiten integriert werden.

XML ist also ziemlich wichtig und daher sollte das Erstellen und die Verarbeitung von XML mit einem Framework wie Ruby on Rails auch so einfach und unkompliziert wie möglich erfolgen.

Was ist Google Sitemaps?

Wie dies funktioniert und welche Schritte dafür notwendig sind, werde ich am Beispiel einer Google Sitemap für ein Blog zeigen. Google stellt mit Google Sitemaps eine Methode zur Verfügung, um neue Inhalte aus dynamischen Webseiten noch schneller in den Google Suchindex aufnehmen zu lassen. Dazu können Webseiten eine sitemap.xml Datei zur Verfügung stellen, welche in Form von XML Daten wie URL, Erstell- bzw. Updatedatum und eine Indizierungspriorität zu allen verfügbaren Seiten - in unserem Fall sind dies die Blogeinträge - enthalten kann.

Rails Generator hilft uns

Bei großen dynamischen Seiten ist es natürlich aufwendig, diese XML Datei immer von Hand zu pflegen, darum wollen wir diese mit den Mitteln von Ruby on Rails automatisch generieren lassen.
Überlegen wir doch erstmal, was wir alles für die geforderte Aufgabe benötigen. Wir brauchen einen Sitemap Controller mit einer index Action, welche wir aufrufen können und die dann schließlich das XML generiert. Also sollten wir zuerst diesen neuen Controller generieren lassen. Dies ist in Ruby on Rails mehr als einfach:

ruby script/generate controller Sitemap index

Dieser Komandozeilenaufruf nimmt uns diese Aufgabe ab. Der Rails Generator legt daraufhin mehrere Dateien an. Unter anderem den Controller sitemap_controller.rb mit der Action index und den View index.html.erb.

     exists  app/controllers/
exists  app/helpers/
create  app/views/sitemap
exists  test/functional/
create  app/controllers/sitemap_controller.rb
create  test/functional/sitemap_controller_test.rb
create  app/helpers/sitemap_helper.rb
create  app/views/sitemap/index.html.erb

Mehr lesenGoogle Sitemaps mit Ruby on Rails erstellen

Hierarchische Menüs mit CSS erstellen

Eines der wichtigsten Elemente eines Webauftritts ist das Menü. Das Menü hilft dem Nutzer dabei, sich in komplizierten Seitenstrukturen zurechtzufinden und um schnell an jeden gewünschten Punkt in dieser Hierarchie springen zu können.

Auf vielen Seiten werden immer noch Navigationsmenüs verwendet, welche vollständig auf JavaScript aufbauen und bei ausgeschaltetem JavaScript nicht mehr funktionieren. Solche Seiten sind dann für Nutzer mit Behinderungen meistens nicht mehr bedienbar.

Das barrierefreie CSS Menü

In diesem Beitrag möchte ich euch zeigen, dass man Menüs auch auf behindertengerechte und barrierefreie Weise erstellen kann. Ziel ist es ein Menü zu bauen, dass nur auf aktuellen Standards wie HTML und CSS beruht und keine Verwendung von JavaScript macht. So soll es möglich sein, dass Menü auch dann noch bedienen zu können, wenn der Nutzer JavaScript oder gar CSS im Browser ausgeschaltet hat.

So sieht das fertige Menü aus

Hier könnt Ihr schon einmal sehen, wie das Menü aussehen wird. (Wird im IE6 als vertikales Menü angezeigt, während es alle modernen Browser als Drop Down Menü angezeigen.)
Mehr lesenHierarchische Menüs mit CSS erstellen

Back to Top