Coder Forum

Teil 1 stellt die grundsätzlichen Funktionen der Formular-Bibliothek HTML_QuickForm2 vor.

Entwickler von Formular-Bibliotheken wie HTML_QuickForm2 sind, seitdem die ersten Browser HTML5 zumindest teilweise unterstützen, nicht wirklich zu beneiden. War HTML früher ausschließlich eine Auszeichnungssprache, wurden mit

This article has been read 0 times.

Categories: feed

Um benutzerfreundliche und sichere Formulare zu erstellen, haben es Webworker gleich mit einem ganzen Bündel an Anforderungen zu tun:

Es ist für jeden auf den ersten Blick zu erkennen: Unsere Webseite ist mittlerweile etwas, sagen wir mal, in die Jahre gekommen. Wir sind 2005 mit WordPress und den ersten Inhalten gestartet. Im Laufe der letzten Jahre gab es – mehr oder weniger – regelmäßig neue Artikel und einige Serien. Für ein Projekt, das wir alle in unserer Freizeit mit Inhalten füllen, schon nicht schlecht. Aber die Unterschiede zwischen den Inhalten der Artikel u ...

Das HTML5 Boilerplate ist eine solide Vorlage für zeitgemäße Webseiten. Webentwickler finden nicht nur Vorgaben für HTML und CSS vor, sondern auch bereits integrierte Javascript-Helfer wie jQuery und Modernizr sowie viele intelligente Voreinstellungen in der .htaccess. Passende Muster für favicon und auf Smartphones verwendete Icons, eine robots.txt sowie eine QUnit-Suite, um Javascript ...

Beim Rückblick auf das Jahr 2011 fällt positiv auf, dass HTML5 und CSS3 sich langsam auch hier in Deutschland in der Breite durchsetzen. Mit Progressive Enhancement, Polyfills und nützlichen Frameworks wie dem HTML5 Boilerplate und 320 and up sind wir gut ...

Prinzipiell verhalten sich Browser auf mobilen Geräten genau so wie ihre großen Brüder auf dem Desktop. Vorbei sind die Zeiten, in denen eine mobile Webseite eine vereinfachte, abgespeckte Version der »echten« Webseite war. Trotzdem gibt es, bedingt durch die verschiedenen Formfaktoren von Handys und Tablets, ein paar Eigenheiten, auf die wir achten müssen, damit unsere User auch auf mobile Geräten eine gute User Experience bekommen.

Im Adventskalender 2009 hat Eric Eggert über »Transitionen und Animationen« geschrieben und darüber, was in der Zukunft mit neuen CSS-3-Eigenschaften möglich sein wird. Vor zwei Jahren waren Webworker auf die Webkit-Browser Safari und Chrome beschränkt, wenn sie eine Transition umsetzen wollten. Opera und Firefox haben nachgezogen und unterstützen heute ebe ...

Webseiten mit CSS3-Eigenschaften aufzuhübschen, ist gerade groß in Mode. Reden wir an dieser Stelle von solchen dekorativen Eigenschaften, sind in erster Linie border-radius, box-shadow, border-image, linear-gradient, text-shadow, multiple Backgrounds und rgba-Farbwerte gemeint. Deren Verwendung kann dem Webdesigner einige Stunden Arbeitszeit ersparen. Die Wartbarkeit der Projekte nimmt enorm zu, denn der Webworker muss im Falle einer Änderung oder ...

Suchmaschinenoptimierung ist ein wichtiger Aspekt bei vielen Webprojekten. Deswegen lohnt es sich für Webworker, diejenigen SEO-Basics zu kennen, die Einfluss auf grundlegende Webseiten-Aspekte wie die Informationsarchitektur haben. Im ersten Teil des Artikels ging es um den ersten der vier Schritten für einen suchmaschinenoptimierten In ...

Suchmaschinenoptimierer erhalten immer wieder Anfragen, die in etwa so lauten: »Wir haben vor kurzem unseren Internetauftritt neu machen lassen. Jetzt möchten wir auch bei Google gut gefunden werden.« Wenn ich mich bei einer solchen Anfrage ein wenig genauer über den bisherigen Projektverlauf erkundige, bestätigt sich meistens mein Verdacht, dass etwas grundlegend schief gegangen ist.

Ein Tool für alles. CodeKit erspart euch die Kommandozeile, diverse Webapps und einzelne Tools indem es alles, was ihr euch als Frontendentwickler wünscht, in einer Oberfläche versammelt. Und vielleicht sogar noch ein bisschen mehr.

Nicht immer und nicht immer sofort wollen Anbieter oder Projektleiter einen ausführlichen Test der Barrierefreiheit beauftragen, geschweige denn selber durchführen. Manche wollen »erstmal sehen«, wo ihr Webangebot steht, ob sich ein ausführlicher Test auf Konformität mit den Web Content Accessibility Guidelines 2.0 (WCAG 2.0) »überhaupt lohnt« oder der beste nächste Schritt ist. Dabei geht es vor allem um die Frage nach dem ersten Eindruck. Gestellt ...

2011. Die gesamte Webentwicklergemeinde ist fest in der Hand von Mac OS und Windows. Die gesamte? Nein. Eine kleine Handvoll wagemutiger Entwickler hat Linux für sich entdeckt. Drei davon stellen hier ihre Lieblingswerkzeuge vor, und wie die geneigte Leserschaft feststellen wird, fehlt (fast) nichts. Wer mal ohne größeren Aufwand in die Webentwicklung mit Linux hineinschnuppern möchte, kann sich eine sogenannte Live-CD von

This article has been read 74 times.

Categories: feed

JavaScript kennt jeder Webworker. Was aber nicht jeder weiß: Ihr könnt JavaScript nicht nur wie gewohnt im Browser auf der Client-Seite verwenden, sondern auch auf der Server-Seite zur Erstellung von Web-Anwendungen. Das ist nicht unbedingt neu, es gibt z.B. schon länger die in Java implementierte JS-Engine Rhino, die u.a. in der bei Old-School-Bloggern beliebten Weblog-Engine und -Community

This article has been read 74 times.

Categories: feed

Vor ziemlich genau fünf Jahren, im Webkrauts Adventskalender 2006, erschien hier ein Artikel über die Erstellung von Internetseiten für mobile Endgeräte. Die Kosten für mobile Datenübertragung waren damals unglaublich hoch, die Geräte technisch schlecht und von den Browsern wollen wir gar nicht erst reden. Die Methoden in der mobilen Entwicklung waren damals ei ...

Das semantische Web steht für ein Konzept, das es Maschinen erlaubt, in menschlicher Sprache formulierte Informationen verarbeiten zu können. Dazu werden die vorhandenen Texte mit weiteren Daten ergänzt, die ihre Bedeutung (Semantik) eindeutig festlegen. Ein Beispiel wären »Chips«, die mit der Zuordnung <Lebensmittel> ergänzt werden, um sie von Computerchips unterscheiden z ...

Hinweis: Dieser Artikel baut auf »SELECT Bilder FROM Flickr OR PicasaWebAlbums WITH YQL FOR Bildergalerie« auf.

Wie arm wäre das Internet ohne Bilder? Doch welche ist die geschickteste Lösung zur Verwaltung von Bildern, um diese auf einer Webseite der Welt zu zeigen? Die Bilderverwaltungen in Content-Management-Systemen sind manchen Kunden zu unübersichtlich. Deshalb bietet sich an, die Verwaltung von Bildern denen zu überlassen, die dies exzellent vormachen, nämlich z.B. Flickr und Picasa Web Albums.

Das Multi-column-Layout-Modul ist eine der Neuerungen des CSS3-Standards. Über die Eigenschaften dieses Moduls können Webworker Inhalte eines einzigen Blockelements in einem mehrspaltigen Layout darstellen, ohne dass HTML-Elemente für den Aufbau der einzelnen Spalten notwendig sind. Die Anzahl der Eigenschaften für eine mehrspaltige Darstellung ist überschaubar, der theoretische Einsatz verhältnismäßig einfach.

Wer einen Blick auf die Ergebnisse der Mobile-Usability-Studien der Nielsen Norman Group wirft, muss zum Schluss gelangen, dass sich kaum jemand um die Usability von mobilen Webseiten und Anwendungen bemüht. Laut der ersten Studie im Jahre 2009, die Jakob Nielsen in einer Alertbox zusammengefasst hat, lag die Erfolgsrate bei der mobilen Nutzung von Webseiten bei gerade mal 59 %. ...