t3n News Entwicklung

t3n-DevLinks: Maps mit jQuery, Hyphenator.js automatisiert Silbentrennung, HTML-Newsletter, Grunge-Design

t3n-DevLinks: Maps mit jQuery, Hyphenator.js automatisiert Silbentrennung, HTML-Newsletter, Grunge-Design

Die API ist gut. Sie ist auch gut dokumentiert, aber arbeitsaufwändig in der Umsetzung. Wir zeigen heute ein jQuery-Plugin, das die Zeit bis zum Ergebnis stark verkürzt. Hyphenator.js fügt automatisch zur Laufzeit Trennstriche in Fließtexte ein. Cameron Chapman erklärt, wie man HTML-E-Mail-Newsletter anlegt und gestaltet. Und Tara Horner bietet ein Füllhorn an Tools für das Design von Grunge-Websites.

t3n-DevLinks: Maps mit jQuery, Hyphenator.js automatisiert Silbentrennung, HTML-Newsletter, Grunge-Design

GMAP3 - jQuery Plugin für Google Maps

Mit GMAP3 erreicht man Ergebnisse, die man unter ausschließlicher Verwendung der Maps API zwar in den meisten Fällen auch erreichen könnte, dafür aber weit mehr Aufwand betreiben müsste. Das Projekt ist ausführlich dokumentiert und bietet aussagefähige Beispielnutzungen, anhand derer der Einstieg in die Anwendung außerordentlich leicht fällt. Bei Gefallen und intensiver Nutzung bittet der Entwickler um eine Donation.

GMAP3: Beispiel mit Streetview im Infofenster

Hyphenator.js - Silbentrennung auf Websites

Martin Sauter stellt auf Open Mind hyphenator.js, sowie das serverseitige Pendant phpHyphenator vor. Die Javascript-Lösung sorgt für das automatische Einfügen sog. Soft Hyphens in den Fließtext. Diese Soft Hyphens sorgen dafür, dass Wörter am Zeilenende sauber silbengetrennt werden, so dass eine homogenere Optik und bessere Lesbarkeit als bei der im Webdesign üblichen Flattersatzgestaltung entsteht.

How-to: Das Erstellen eines Newsletters im HTML-Format

Die von mir sehr geschätzte Kollegin Cameron Chapman veröffentlicht auf Six Revisions eine ausführliche Betrachtung zum Thema „HTML-E-Mail-Newsletter“. Dabei geht sie ausführlich auf Fragen des Layouts ein. Unter anderem erläutert sie, warum man HTML-Newsletter auf jeden Fall mit Tables und nicht mit CSS layouten sollte. Wer sich also mit der Erstellung von E-Mail-Newslettern im HTML-Format für die eigene oder Kundenwebsites trägt, sollte den fundierten Artikel auf Six Revisions auf jeden Fall lesen.

Tools für das Design von Grunge-Websites

Tara Horner bietet im Speckyboy Design Magazine einen Werkzeugkasten für die Erstellung von Websites im düsteren Grunge-Stil. Tara stellt Fonts, Texturen, Brushes, Grafiken, Templates, Beispielwebsites, eben alles zusammen, was den Designer in die Lage versetzt, grungig zu gestalten. Bevor ihr jetzt abschaltet, weil ihr glaubt, das sei nichts für euch, schaut lieber mal rein. Viele Bestandteile des Werkzeugkasten lassen sich auch für das „normale“ Webdesign bestens verwenden. Zum Beispiel dieser Font hier:

28 Days Later: Einer der Fonts aus dem Grunge-Toolkit

Viel Erfolg bei euren heutigen Projekten und schönes Wochenende! Die nächsten DevLinks gibt es wieder am kommenden Montag.

Newsletter Newsletter

Abonniere unseren Newsletter und erhalte einen exklusiven Artikel aus dem aktuellen t3n Magazin.

Jetzt lesen: t3n Newsletter Nr. 564

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
Eine Antwort
  1. von René am 03.06.2011 (15:37 Uhr)

    Ich fand (und finde nach wie vor) hyphenator richtig toll … allerdings und das sollte man bei einigen Projekten durchaus beachten, durch die soft hyphens wird der Text für Screenreader (auch "aktuelle") nicht mehr richtig lesbar, bzw. werden diese dann auch so ab – ge – hackt interpretiert.

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema jQuery
Google enthüllt Material Design Lite
Google enthüllt Material Design Lite

Google hat Material Design Lite vorgestellt. Damit bringt der Konzern die Designsprache mit CSS, JavaScript und HTML ins Web. » weiterlesen

Abo-Bundle für Entwickler: „HTML5, JavaScript und jQuery“ von dpunkt gratis sichern [t3n-Aktion]
Abo-Bundle für Entwickler: „HTML5, JavaScript und jQuery“ von dpunkt gratis sichern [t3n-Aktion]

Du hast Grundkenntnisse in HTML5, JavaScript und jQuery und möchtest einen Quereinstieg wagen? Dann ist unsere Aktion genau das richtige für dich, denn als einer der schnellsten 30 Neuabonnenten … » weiterlesen

Umfassendes Update: Google Maps lässt jetzt auch einen Tisch reservieren
Umfassendes Update: Google Maps lässt jetzt auch einen Tisch reservieren

Google verpasst seinem Kartendienst das Material Design. In der neuesten Version integriert Maps außerdem Uber noch stärker und baut OpenTable ein. » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?

t3n-Newsletter t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen