Im World Wide Web mangelt es nicht an nützlichen Helfern für Webdesigner. Oftmals müssen diese aber installiert oder in ein Webprojekt eingebunden werden. Der Vorteil von Bookmarklets hingegen ist, dass sie einfach zu den Lesezeichen hinzugefügt werden und per Klick angewendet werden können. Gridwax Wer als Webdesigner viel Wert auf die Einhaltung eines Grundlinienrasters legt, ist mit Gridwax gut bedient. Das Bookmarklet legt ein...
Im Oktober 2012 stellten wir Ihnen hier bei Dr. Web das auf HTML5 basierende JavaScript-Framework Reveal.js des Schweden Hakim El Hattab vor. Mit Reveal.js ist es sehr einfach, ansprechende Präsentationen für die Nutzung im Browser zu erstellen. Auf der Basis seines eigenen Framework entwickelte El Hattab dann den Cloud-Service Rvl.io, der es erlaubt, mittels eines WYSIWYG-Editors Präsentationen ohne Coder-Kenntnisse zu bauen. Rvl.io ist nun...
Während der Entwicklung einer Website kommt stets ganz früh schon der Moment, wo ein fertig aussehendes Layout mit Inhalten dargestellt werden muss. Diese Inhalte gibt es zu diesem Zeitpunkt meist nicht, weshalb Blindtexte und allgemeine Fotos herhalten müssen. RoughDraft.js erstellt solche „Blindinhalte“ inklusive des nötigen HTML-Gerüstes mit wenig Aufwand für den Entwickler. RoughDraft.js: Viel Inhalt mit wenig Quelltext RoughDraft.js ist ein Tool, welches Inhalte...
Aus den Mozilla Labs kommt zuverlässig Erstaunliches. Auch der neueste Spross des Hauses, der auf den interessanten TowTruck, zu deutsch: Abschleppwagen, hört, verspricht viel. Mit lediglich zwei Zeilen Code lässt sich damit jede beliebige Website aufrüsten. Diese bietet fortan die Möglichkeit, zu zweit von entfernten Lokationen aus, an ihr, mit ihr oder auf ihr zu arbeiten. Dabei wird der entfernte Cursor eingeblendet, zudem ist...
Wenn es um die Einbindung von Kartenausschnitten in eine Website geht, ist Google Maps die erste Wahl. Dank der JavaScript-API ist es zudem leicht, Karten mit Markern und anderen Overlays zu versehen. Das freie Pendant OpenStreetMap liefert eine solch einfache Möglichkeit der Herangehensweise nicht. Die JavaScript-Bibliothek Leaflet jedoch bietet viele Features, die man von Google Maps kennt, um interaktive Karten auf der Grundlage von...
Texte sind zum Lesen da, sollen bisweilen aber durchaus auffallen. Eine Reihe von jQuery-Plugins stellen Möglichkeiten zur Verfügung, Texte mit Animationen und animierten Hovereffekten in Bewegung zu bringen. Fünf schicke jQuery-Plugins für solche Texteffekte haben wir zusammengestellt. Sliding Letters: Text per Hover ändern Das erste Plugin wechselt per Hovereffekt einen Text per Animation aus. Der Standardtext wird dabei, wie üblich, mit einem A-Element ausgezeichnet....
Eine Website sollte grundsätzlich natürlich so aufgebaut sein, dass sich alles intuitiv ergibt und man keine Einführung braucht, um sich zurechtzufinden. Manchmal ist es jedoch sinnvoll, auch regelmäßige Besucher etwa auf neue Funktionen oder Inhalte aufmerksam zu machen. Intro.js ist ein Framework, das Besucher per Tooltip in Form einer kleinen Einführungstour auf bestimmte Bereiche der Website hinweist. Man kennt das Prinzip solcher Introtouren zum...
Nach Bootstrap und vielen anderen Frameworks veröffentlichte Twitter kürzlich sein neuestes Werk unter MIT-Lizenz. Flight ist ein JavaScript-Framework, welches Events an DOM-Knoten bindet. Es funktioniert plattformunabhängig. Spätestens seit Bootstrap, welches sich mittlerweile zu einem Standard entwickelt hat, wird die Webgemeinde hellhörig, wenn Twitter ein neues Framework zur Verfügung stellt. Das Framework Flight soll mit seinem “Separation of Concerns” Ansatz die Wartbarkeit und Testbarkeit von...
Scrollbare Elemente innerhalb einer Website sind keine Besonderheit. Leider sehen in den wenigsten Fällen weder schön aus, noch passen sie ins Layout. Denn immer, wenn es etwas zu scrollen gibt, werden standardmäßig die Scrollbars des Browsers verwendet. Das jQuery-Plugin Custom Content Scroller stellt individuelle Scrollleisten zur Verfügung, die einfach eingesetzt werden können. Beispiele für das Plugin im Einsatz Plugin und Stylesheet einbinden und loslegen...
Wenn ich mich recht erinnere, hat’s Apple erfunden. Oder war´s der Loren Brichter in seinem Tweetie-Client? Ich weiß es nicht mehr und letztlich ist es auch egal. Inzwischen hat sich die Funktion “Zum Laden loslassen”, “Zum Aktualisieren herunterziehen”, im Original “Pull To Refresh” durchgesetzt, jedenfalls auf mobilen Clients, wie Smartphones und Tablets. Jordan Singer und Brandon Jacoby bieten eine ähnliche Möglichkeit seit einigen Tagen...
Letzte Kommentare