HTML5 und CSS3: Immer nur am Ball bleiben reicht nicht…
…man muss auch mal spielen.Der Ansturm hat begonnen. In den letzten Monaten wird man mit neuen Experimenten und Erkenntnissen in Sachen HTML5 und CSS3 bombadiert. Die Entwicklung ist rasant – unzählige neue Veröffentlichungen, Ansätze und Ideen werden von der Netzgemeinde kontrovers diskutiert. Dieser Beitrag beschreibt keine Techniken, ich zeige vielmehr ein paar Experimente mit CSS3 und [...]
Kleine Werkzeugkunde: Die API von Dreamweaver
Jeder kennt den kommerziellen Editor Dreamweaver, einige nutzen ihn, doch nur wenige wissen von seinen versteckten Stärken. Getreu dem Motto “(er)kenne Dein Werkzeug” gebe ich einen kleinen Einblick in die Nutzung der API von Dreamweaver anhand praktischer Beispiele.
CSS: F.I.M. (Fake Image Map) – eine CSS-Image-Map ohne Gif
Ein Kommentar zu meinem letzten Artikel über die F.I.M. hat mich dazu gebracht, den Aufbau noch einmal gründlich zu überdenken und das Resultat ausgiebig zu testen. Somit kann ich jetzt eine echt gute Alternative vorstellen…
CSS: Highlighting Boxes. Produkte hervorheben mit :hover
In den unendlichen Tiefen des World-Wide-Webs bin ich neulich auf einen Artikel über Product Highlighting mittels CSS und Prototype.js gestossen. Interessante Geschichte, dachte ich mir, aber geht das auch ohne Javascript?Also fing ich an zu experimentieren…
CSS: Ein vertikales und/oder horizontales Dropdown-Menü
Die Suche hat ein Ende! Hier gibt’s ein wirklich sehr leicht anzupassendes Dropdown-Menü ohne JavaScript. Es basiert auf einer herkömmlichen Liste mit Unterlistenpunkten und kann durch die Veränderung von nur zwei Attributen im Stylesheet in eine horizontale bzw. vertikale Navigation umgewandelt werden.
HTML: form action. Mehr über Formulare in Aktion
Formulare sind auf Internetseiten selbstverständlch. Wir benutzen sie fast täglich. Schauen wir uns doch mal so ein Formular genauer an. Wie wird es aufgebaut und wie sehen die einzelnen HTML-Komponenten aus? Hier gibt’s ein Demo.
CSS: F.I.M. – Fake Image Map. Eine Alternative zur echten Image Map
Alle, die sich schon einmal fragten, ob und wie man ein Background-Image verlinken kann ohne auf CSS3 warten zu müssen, sollten diesen Post einmal lesen. Die Antwort ist simpel, bulletproof und valide! Hier gibt’s einen Workaround…
HTML: Die populärsten Web Fonts im Vergleich
Es gibt ein paar Tausend Fonts da draußen, doch nur wenige eignen sich für das Internet. Die Auswahlkriterien liegen auf der Hand: Verfügbarkeit, Darstellung, Lesbarkeit, Zweck. Einen Überblick gibt es hier.
CSS: Mehr über Background positioning
Die Möglichkeiten Images über den Hintergrund einzubinden werden oftmals unterschätzt oder sind schlichtweg gar nicht bekannt. Dieses kleine Workaround zeigt anhand von ein paar praktischen Beispielen wie es und was da geht…
WordPress: Freizeitlers NonPurista!-Theme
Die Experimente und Spielereien der letzten Wochen wurden in einem einzigen WordPress-Theme zusammengefasst. Daraus entstand eine witzige Mischung aus Zweckmäßigkeit und Wahnsinn, aus CSS und MooTools. Get kissed by the Cow!
MooTools: Fading Opacity. Schickes Menü mit Mouseover
Nach einigen kleineren Startschwierigkeiten habe ich das Ding zum laufen gebracht. Und ich muss sagen: Mootools ist wirklich Kinderleicht und man kann es überall einsetzen…
Javascript: Von der Multibox über Tooltips zu MooTools
Wenn die mühsam angelesenen Grundkenntnisse in Javascript langsam zu verblassen drohen helfen oft nur noch glückliche Umstände, um das Interesse neu aufflammen zu lassen. Und es begann eigentlich ganz harmlos mit der Multibox…