Mit der CSS3-Eigenschaft „transform“ lassen sich HTML-Elemente unter anderem kippen und somit in die Form eines Parallelogramms bringen. Allerdings wird durch die Verwendung dieser Eigenschaft das gesamte Element samt Inhalt gekippt, was mindestens bei Bildern in der Regel eine unerwünschte Optik nach sich ziehen wird. Die JavaScript-Bibliothek Maskew hingegen maskiert ein HTML-Element lediglich mit einem gekippten Rechteck (also einem Parallelogramm). Der eigentliche Inhalt wird...
Mit CSS ist es einfach, Kind- und Geschwisterelemente anzusprechen. Elternelemente anzusprechen ist – zumindest bisher – mit CSS nicht möglich. Für CSS4 ist diese Option zwar vorgesehen, allerdings dürfte es noch eine Weile dauern, bis die ersten Browser CSS4 im Ansatz interpretieren können. Mit dem jQuery-Plugin cssParentSelector nutzen Sie aber bereits jetzt diese Möglichkeit. cssParentSelector-Plugin Back to the Future: Plugin ermöglicht Verwendung des Parent-Selektors...
Wenn man etwas Neues lernen will, ist es wichtig, von Anfang an gute Quellen zu verwenden. Schlechte Lernquellen vermitteln unqualitatives, häufig auch fehlerhaftes Wissen. So ist es überall – natürlich auch beim Erlernen von JavaScript. Ich habe daher im folgenden Beitrag einige zuverlässige Websites mit Anleitungscharakter zusammengestellt. Die Tutorials zu jQuery sind dabei nicht nur für Einsteiger interessant. Da kann sicherlich der ein oder...
Zu den Neuerungen, die HTML5 mit sich bringt, gehören auch Online- und Offline-Ereignisse, mit denen sich der Status der Internetverbindung abfragen lässt. Gerade für Webapps ist es mitunter wichtig, auf das Vorhandensein einer Internetverbindung reagieren zu können und auf deren Nichtvorhandensein erst recht. Die JavaScript-Bibliothek Heyoffline.js stellt entsprechende Funktionen zur Verfügung. Heyoffline.js Verbindungsstatus abfragen Das Prinzip von Heyoffline.js ist einfach: Sobald der Browser keine Internetverbindung...
Conditional comments – örgs. Welcher Webdeveloper kennt nicht die Notwendigkeit, dem IE bestimmte Faxen auszutreiben, indem man ihn von bestimmten Anweisungen ausnimmt oder einbezieht. Aber auch in anderen Browsern kann es sinnvoll sein, auf deren spezielle Fähigkeiten zu reagieren und Content entsprechend angepasst zu servieren. Das jQuery-Plugin Conditionizr will ein Rundum-Sorglospaket für moderne Web-Entwicklung sein. Conditionizr – perfekte Ergänzung zu Modernizr Eins vorweg –...
Wenn man über Strategien zur Bearbeitung von Web-Inhalten nachdenkt, wird man zumindest schnell darüber Einigkeit erzielen, dass das sog. Inline- oder InPage-Editing, also die direkte Bearbeitung der Inhalte im Original-Layout, die verständlichste und eleganteste Lösung wäre. Dennoch bieten nur wenige CM-Systeme eine solche Herangehensweise. Das Projekt Create.js will ein Modul sein, mit dem beliebige CMS relativ einfach genau eine solche Möglichkeit implementieren könnten. Create.js...
Dank CSS3 sind Animationen ohne Flash und JavaScript kein Problem mehr. Aber nicht immer kommt man mit den Möglichkeiten von CSS3 aus. Vor allem, wenn Animationen berechnet werden müssen, ist der Einsatz von JavaScript unumgänglich. Es gibt jedoch eine wesentlich performantere Möglichkeit als den Einsatz von setTimeout und setInterval. Denn setTimeout und setInterval haben den Nachteil, dass sie eine Funktion immer nach einer fest definierten Zeitspanne...
Tabellen mit Dateninhalten sind auf kleinen Screens in Sachen Usability eine Qual. Schon, wenn mehr als zwei Spalten dargestellt werden müssen, beginnt – wenn es gut läuft – die horizontale Scrollerei. Die Übersicht geht schnell verloren. Findige Entwickler brachten zwischenzeitlich eine ganze Reihe von Lösungen für dieses Problem hervor. FooTable, ein schlankes jQuery-Plugin, gehört dabei zu den besten Ansätzen und kann sehr simpel implementiert...
Wolfram Hempel baut eigentlich Apps für Investmentbanken und andere Unternehmen des Finanzsektors. Apps, die diesen Unternehmen unter anderem das Anbieten von Aktienhandel über das Internet ermöglichen. Um stets auf der Höhe der Technik zu agieren, beschäftigt sich Hempel intensiv mit HTML 5. Wie er in seinem Blog schreibt, hat es ihm in letzter Zeit besonders der Webcam-Support angetan. Kurzerhand baute er eine JavaScript-Lösung, die...
Ein vollwertiger Code-Editor mit Syntax-Highlighting für alle gängigen Sprachen und noch ein paar mehr, das ist CodeMirror. CodeMirror ist ein JavaScript-Tool, das ohne etwaige Abhängigkeiten auskommt und mittlerweile als ausgereift bezeichnet werden kann. Die Verwendung in der Basis-Konfiguration ist recht einfach, die Funktionalität mächtig und komplex, aber nachvollziehbar. CodeMirror: Motor verschiedener bekannter Dienste Das JavaScript-Tool CodeMirror des Niederländers Marijn Haverbeke liegt seit wenigen Tagen...
Letzte Kommentare