Artikel

Responsive Images

Optimiert für Groß und Klein

von Christoph Zillgens am 01.12.2012

Responsive Webdesign macht seit geraumer Zeit die Runde. Während sich langsam Best Practices und sinnvolle Techniken etablieren, gibt es einen Bereich, der etwas kniffliger zu lösen ist: Die Rede ist von Responsive Images – reaktionsfähigen Bildern, für die an einer HTML-Erweiterung gearbeitet wird. | Kommentare: 8

Frisch im Handel

Verlosung »Workshop HTML5 & CSS3«

von Stephan Heller am 22.10.2012

Webkraut Stephan Heller hat gerade das Buch »Workshop HTML5 & CSS3« im dpunkt.verlag veröffentlicht. Es richtet sich an Einsteiger, die sich in die Frontendentwicklung einarbeiten. Wir verlosen drei Exemplare des Buches und veröffentlichen außerdem ein Kapitel daraus. | Kommentare: 104

HTML_QuickForm2 für Fortgeschrittene

Formvollendet (Teil 2)

von Olaf Gleba am 22.05.2012

Können wir mit HTML_QuickForm2 HTML5-Formulare erstellen? Was ist möglich, wo liegen die Grenzen? Im ersten Teil des Artikels hat Olaf Gleba die grundsätzliche Anwendung der PHP-Formular- Bibliothek HTML_QuickForm2 vorgestellt. Im zweiten Teil widmet er sich nun dem Einsatz der neuen HTML5-Input-Typen, Attribute und HTML5-Validierung. | Kommentare: 4

Vorstellung von HTML_QuickForm2

Formvollendet (Teil 1)

von Olaf Gleba am 21.05.2012

Die Erstellung von HTML(5)-Formularen zaubert vielen Webworkern nicht gerade ein breites Grinsen ins Gesicht. Bedeutet es doch, sich mit einer Vielzahl an Techniken und Skriptsprachen auseinandersetzen zu müssen. Anhand der PHP-Formular-Bibliothek HTML_QuickForm2 zeigt Olaf Gleba, wie Formular-Generatoren die Arbeit erleichtern können. | Kommentare: 3

Vorschau auf einen Relaunch

von Nicolai Schwarz am 24.12.2011

Der diesjährige Adventskalender neigt sich dem Ende, da wirft die nächste größere Aktion bereits ihre Schatten voraus. Unter der Haube kann webkrauts.de nicht mehr mit dem Stand der Technik mithalten. Hinter dem heutigen Türchen erwartet euch daher ein Vorgeschmack auf den nötigen Relaunch. Nicolai Schwarz lädt ein zu einem ersten Blick in die Zukunft von webkrauts.de. | Kommentare: 17

Bauen wie die Ameisen

von Matthias Mees am 23.12.2011

Das HTML5 Boilerplate liefert nicht nur eine sinnvolle Vorlage, um zeitgemäße Webseiten zu entwickeln, es gibt Webentwicklern auch ein Werkzeug, diese optimiert auszuliefern. Matthias Mees erklärt, was das build-Skript leistet. | Kommentare: 2

Dreimal CSS4 zum Mitnehmen

von Sandra Kallmeyer am 22.12.2011

Advent, Advent, ein Lichtlein brennt. Erst 1, dann 2, jetzt 3, bald 4, steht neues CSS vor der Tür. Lange bevor CSS3 als Standard verabschiedet wird, brüten schlaue Köpfe dessen Nachfolger aus. Sandra Kallmeyer zeigt drei CSS4-Tricks, die bereits jetzt einsetzbar sind. | Kommentare: 8

Ein Blick durch den Viewport

von Patrick Lauke am 21.12.2011

Es ist gar nicht so einfach, Webseiten auf mobilen Geräten auch wirklich so anzeigen zu lassen, wie Webworker das wollen. Handys und Tablets haben mitunter ihre ganz eigenen Vorstellungen davon, wie eine Webseite gerendert werden sollte. Patrick Lauke erklärt, wie Layouts auf mobilen Geräten berechnet werden – und wie Webworker diese Prozesse beeinflussen können. | Kommentare: 7

CSS 3 im Praxistest: Transition

von Stephan Heller am 20.12.2011

CSS 3 bietet verschiedene Optionen, die Darstellung im Browser lebendig zu machen, zu dynamisieren. Neben »Animations« und »Transforms« sind »Transitions« (Übergänge) die einfachste Möglichkeit, das Layout mit optischen Effekten zu versehen. Stephan Heller hat die CSS-Eigenschaften rund um »Transition« unter die Lupe genommen, getestet, was in der Praxis funktioniert und wo die Vor- und Nachteile liegen. | Kommentare: 14

CSS3 PIE | Dekoratives mit und ohne CSS3

von Henry Zeitler am 19.12.2011

Mit Schlagschatten, runden Ecken und Verläufen können Webworker ihre Seiten durch einfache CSS3-Anweisungen hübscher gestalten. Doch es gibt immer noch alte Browser, die CSS3 nicht verstehen können, und den Internet Explorer, der es nicht verstehen will. Um nicht ganz auf die neuen Möglichkeiten verzichten zu müssen, haben sich Lösungen wie CSS3 PIE etabliert, die zumindest dem IE mit Javascript auf die Sprünge helfen können. Henry Zeitler zeigt, was hinter CSS3 PIE steckt. | Kommentare: 6