CSS: Pseudoklasse focus-within sinnvoll nutzen

Neue Pseudoklasse :focus-within Die CSS-Pseudoklasse :focus-within ist derzeit noch ein Editor’s Draft, aber bereits in Firefox und Safari implementiert, in Chrome kann sie aktiviert werden und wird in der nächsten Version für alle Nutzer freigeschaltet sein und steht dann etwa der Hälfte aller deutschen Webnutzer zur Verfügung (Derzeitige Unterstützung bei caniuse überprüfen). Für mich Grund … Read more

Inclusives Design: Formulare mit HTML und CSS

Auf den meisten Ihrer Seiten bieten Sie vermutlich Informationen an, die „nur“ gelesen werden sollen. Vielleicht haben Sie für Ihre Texte schon viel getan, um diese zugänglich zu machen. Auch  Formularen sollten Sie die gleiche Aufmerksamkeit widmen. Formulare sind schließlich eine Möglichkeit, mit Ihren Besuchern in Kontakt zu treten. Worauf Sie bei der Erstellung von inklusiven Formularen achten … Read more

Linktipps Responsives Webdesign (RWD)

In aller Kürze ein paar nützliche Links zum Thema responsives Webdesign: Online Tool zum  Testen: https://quirktools.com/screenfly/ RWD muss schnell sein und ein (von mir nicht präferierter) Lösungsansatz: http://tympanus.net/Tutorials/ResponsiveRetinaReadyMenu/ Die Bücher aus dem Galileo-Verlag haben mich immer wieder begeistert. Das unten verlinkte werde ich mir auf jeden Fall besorgen. Ihr solltet Euch mal die Videos ansehen. … Read more

Speed is a feature – Tuning für Ihre Homepage

Wer eine Webseite besucht, möchte normalerweise nicht auf ein weißes „Blatt Papier“ starren. Um die eigene Webseite richtig schnell zu machen, muss Men eigentlich nichts tun. Wenn man ein statisches HTML-Dokument erstellt und dieses weder gestaltet noch per JavaScript aufpeppt, ist die Seite schneller beim Betrachter, als der gucken kann. Aber wer will schon eine … Read more

Firefox in Version 11 mit 3D-Ansicht

FF kann in der jetzt aktuellen Version 11 die Elemente von Webseiten in einer 3D-Ansicht so visualisieren, dass auf einen Blick klar wird, wie diese Elemente ineinander verschachtelt sind. Das soll Entwicklern die Analyse einer Seite einfacher machen. Etwas ähnliches in einer simpleren Darstellung bietet die Web Developer Toolbar unter „Information“ als topografische Information. Einfach … Read more

Firefox 9

Firefox 9 kann natürlich alles besser und schneller, als die Vorgängerversionen (vor allem JavaScript soll bis zu 30% schneller ausgeführt werden). Wer den Update-Automatismus nicht aktiviert hat, kann Firefox 9 selber herunterladen.

bittersmann.de

Allen Webentwicklern mit Lernpotential und -interesse sei ein Blick auf die Seite von Gunnar Bittersmann ans Herz gelegt. Eine hilfreiche Alternative für Floats, (zum Beispiel um Bildergalerien zu realisieren) löst ein lästiges Problem, wenn man es mit unterschiedlich hohen Elementen zu tun hat (in der Bildergalerie zum Beispiel Grafiken mit unterschiedlich langen Bildunterschriften). Wer also … Read more

“CSS – Cascading Style Sheets Level 3″
Neues Lehrbuch für CSS3

Das CSS-Lehrbuch des Herdt-Verlages habe ich vollständig überarbeitet und in weiten Teilen komplett neu geschrieben. Dazu wurde es um viele CSS3-Möglichkeiten erweitert. Es erscheint am 30.08.2011 unter dem treffenden Titel „CSS – Cascading Style Sheets Level 3“. Im Einzelnen lernen Sie: Formatvorlagen erstellen und verwenden Elemente sicher und gezielt ansprechen Schriften gekonnt einsetzen und Texte … Read more