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...
Vor allem von Produktabbildungen in Online-Shops kennt man es, dass per Zoom ein Bildausschnitt vergrößert dargestellt werden kann. Das jQuery-Plugin elevateZoom ermöglicht genau das; nämlich einen schicken Zoomeffekt schnell und einfach auf ein Bild anzuwenden. Dabei stehen unterschiedliche Einstellungen zur Individualisierung des Effekts zur Verfügung. elevateZoom Ein IMG-Element, zwei Bilddateien und jQuery Um elevateZoom aus dem Hause der walisischen Webagentur Elevate zu verwenden, bindet man...
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...
Tooltipps sind eine feine Sache. Schließlich ermöglichen sie es, kurze Infos platzsparend genau dort unterzubringen, wo sie wichtig sind. Tooltipster stellt ein jQuery-Plugin zur Verfügung, mit dem sich schnell und einfach sehr ansprechende und individuelle Tooltipps realisieren lassen. Diese sind zudem HTML5-konform und ausschließlich per CSS gestaltet, was eine Anpassung des Aussehens einfach macht. Tooltipster Tooltipps über TITLE-Attribut auszeichnen Tooltipster besteht aus zwei Dateien, einer...
Das moderne Plugin für jQuery, das Sie in diesem Beitrag kennen lernen, hört auf verschiedene Namen. Offenbar kann sich der Entwickler Paramvir Dhindsa nicht so recht entscheiden. Wenn Sie im Netz unterwegs sind, könnten Sie unter den Bezeichnungen ParamQuery, jQuery Grid Plugin oder pqGrid darauf stoßen. Es handelt sich stets um das gleiche Stück Software. Und ganz egal, welchen Namen es nun schlussendlich offiziell...
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 –...
Will man Termine auf einer Website veröffentlichen, bietet es sich an, diese in einem Kalender darzustellen. Das jQuery-Plugin Calendario bindet ohne viel Aufwand einen Monatskalender in eine Website ein und lässt sich nach Bedarf anpassen. Termine für den Kalender werden bequem per JavaScript übergeben und im Kalender angezeigt. Kalenderdarstellung mit Calendario Los geht’s mit einem leeren Container und einer Zeile JavaScript Um den Kalender...
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...
Mittlerweile dürften die meisten Instagram-Nutzer Zugriff auf die neuen Web-Profile haben. Lange genug hat es ja gedauert. Fortan können die eigenen Bilder auch von Menschen ohne Mobilgeräte konsumiert werden. Will man Instragram-Inhalte indes auf der eigenen Website integrieren, bedarf es eines etwas größeren Aufwands. Ein kleines jQuery-Plugin namens Spectragram.js vereinfacht den Vorgang deutlich. Spectragram holt User-Feeds, Tags oder die neuesten Inhalte auf die Site...
Das Problem ist so alt wie Formulare selbst. Und je länger das Formular, desto größer das Problem. Eines natürlich, das nicht stets und ständig auftritt, sondern lediglich dann, wenn man unter Zeitdruck ist oder das ausgefüllte Formular teils schwierig zu beschaffende Informationen enthält. Das Senden des Formulars schlägt fehl, man schließt versehentlich den Browser-Tab, drückt dummerweise auf F5 oder welchen Unfug man sonst noch...
Letzte Kommentare