Cool Kitten: A parallax scrolling responsive framework jalxob.com Buy this domain The owner of jalxob.com is offering it for sale for an asking price of 600 USD! Related Searches This webpage was generated by the domain owner using Sedo Domain Parking. Full Size Background Image jQuery Plugin: Redux I just made a few changed to this plugin because it was acting a little weird. Tested it in Safari, Chrome and Firefox and it work perfectly now. All you need is an image that you want to have displayed as your background. Once you have that and use the plugin, the image will resize to the full width/height of the browser window. Every time the browser window resizes, so will the background image. First comes the plugin code: There is only a little CSS needed for this one: If you want your background to stay fixed you can change the .fullBG CSS to this: For the HTML markup, you can just add an image tag with an id or class, but you also need to add a div that contains your main content or else it won’t work properly. To call the jQuery function, add this to the bottom of your web page, right before the closing body tag: Once again, this plugin is pretty simple so no options are available. Related Easy Overlay Modal Window jQuery Plugin February 15, 2010 In "Downloads" Sliderota jQuery Plugin
25+ Premium And Free Javascript/jQuery Timeline plugins | Coderops With one of these ‘25+ Premium And Free Javascript/jQuery Timeline plugins‘ here, you can easy add cool and interactive timelines to your web pages. The timeline formate become more and more popular when Facebook decided to add it to their wall design. Now you can add a timeline to your page easy with these plugins,it is a great way to show events in time,whether social or historical. TimelineJS TimelineJS is an open-source tool that enables you to build visually-rich interactive timelines and is available in 40 languages. It can pull in media from different sources and has built in support for:Twitter, Flickr, Google Maps, YouTube, Vimeo, Vine, Dailymotion, Wikipedia, SoundCloud and more media types are regularly added. More Info Demo Content Timeline – jQuery/HTML5/CSS3 plugin Content timeline is powerful and lightweight responsive jQuery/HTML5/CSS3 plugin, best for displaying any organized content. More Info Demo jQuery Timelinr More Info Demo jQuery Social Timeline More Info Demo Timeglider
iPicture - Tooltip your images „One Page Scroll“ – Apples Webdesign für jedermann „One Page Scroll“ Aufsetzend auf den Trend der Single-Page-Applications beziehungsweise von One-Page-Scrollern hat Pete R. das jQuery-Plugin „One Page Scroll“ entwickelt. Das Plugin hat in komprimierten Zustand sechs Kilobyte und bietet Swipe-Funktionalität auf mobilen Geräten — zumindest in Grundzügen. Implementierung Die Implementierung ist denkbar einfach: „One Page Scroll “ einbinden, einen CSS-Selektor im HTML angeben und darauf achten, dass sich eure einzelnen Slides in einem Section-Tag befinden. <div id="main"> <section> Inhalt Slide 1 </section> <section> Inhalt Slide 2 </section> ... Neben der JavaScript-Datei wird auch ein Stylesheet mitgeliefert, das euch schon die Funktionalität der einzelnen Slides zur Verfügung stellt, ihr müsst also nur noch euren Inhalt einfügen und die vorgefertigten Slides mit Hintergrundbildern versehen. Initialisiert wird das Skript über den zuvor gewählten Selektor. Fazit Obwohl das Plugin recht neu ist, solltet ihr einen Blick darauf werfen.
Preload Image (with progress bar) Script Description: Use this script to not only preload any number of images before displaying them, but also, get a live update on it's progress through an update bar. Once the preloadiing is complete, the surfer is then directed to the page containing the preloaded images. Superbly useful and cool a creation! Demo: You just saw it in the previous page. (Note: For sake of not clogging up this page with images, the preloaded images in the demo are not displayed here). Click here to see it again. Directions: Step 1: Copy the entire code below, and save it as a separate HTML page (ie: preload.htm). Remember, save it as a SEPARATE HTML file. Step 2: You'll also want to grab the following two gifs, and upload it along with the above html file. bar.zip (zip file contains "black.gif" and "blue.gif") You are essentially done.
Flat, Mobile, Responsive: Frische JavaScripte und jQuery-Plugins des Monats September 2013 Mit jQuery-Plugins und JavaScript-Tools ist es wie mit WordPress-Themes, Fonts, Icons und anderen Ressourcen für die Designer- und Developer-Community. Es gibt sie in schier rauhen Mengen. Dabei ist es gerade bei JavaScript- und jQuery-Lösungen wichtig, den Überblick zu behalten. Denn, wenn man schon ein externes Werkzeug einsetzt, dann sollte es wenigstens nicht von Anno Tuck, sondern halbwegs frisch und zeitgemäß sein. Einige aktuelle Vertreter dieser Spezies hat Dr. Das mobile Webdesign ist eines der ganz großen Themen in der Developer-Gemeinde. TogetherJS: JavaScript-Bibliothek von Mozilla umbenannt TogetherJS kennen regelmäßige Dr. Mittlerweile sieht Mozilla den Anwendungszweck breiter gefasst und schlägt sogar vor, die JavaScript-Bibliothek, die nach wie vor ohne weitere Abhängigkeiten auskommt, zur Verwaltung der Einkaufsliste für die nächste gemeinsame Party zu verwenden. TogetherJS steht unter MPL-Lizenz (Mozilla Public Licence) kostenfrei zur Verwendung bereit.
Simple Image Panner and Zoomer Oct 1st, 14': Script now works on mobile devices, zoom in/out controls can be any arbitrary HTML (instead of images specifically). Description: Simple Image Panner lets you partially clip and confine large images on your site to a smaller container to save space, with the hidden portion accessible by dragging -or panning- inside the image. The optional zoom feature lets the user zoom in and out of the image at the same time. Demos (Drag inside image to see more. Directions Step 1: Add the below code inside the <HEAD> section of the page: The above code references an .js external file plus two images which you should download below (right click, and select "Save As"): Step 2: Insert the below sample code into the BODY section of your page, which adds 1 pannable image: To make an image pannable, wrap the image inside a DIV with CSS class="pancontainer": You should: Wrap the image inside a DIV element with CSS class "pancontainer". Some things to Consider
Crumble – Eine Einführungstour per Tooltip als Sprechblase durch die Website Eine Website sollte so intuitiv wie nur möglich aufgebaut sein, so dass der Besucher sich schnell zurecht finden kann. Bei komplexeren Webanwendungen ist es aber oftmals sinnvoll, eine kleine Einführungstour anzubieten, die auf bestimmte Bereiche der Website hinweist. Durch die kurze Einführung zu Beginn wird der Besucher auf beispielsweise neue Funktionen oder Inhalte aufmerksam gemacht. Nach dem wir pageguide.js vor einiger Zeit vorgestellt hatten, wollen wir heute ein weiteres jQuery-Plugin kurz vorstellen: Crumble.Wer solche Introtouren in Form von Sprechblasen umsetzen möchte, die beim Besuch einer Seite an den entsprechenden Stellen eingeblendet werden, der sollte sich Crumble näher anschauen. Von einer Information zur Nächsten springt der Besucher durch einen Klick auf die Sprechblase. Viel Spaß! ——————- Voraussetzungen: jQuery Website: Tags: jQuery, Sprechblasen, Website Guide
jQuery Smooth Div Scroll - smooth content scrolling jQuery plugin - Thomas Kahn 5 jQuery-Plugins, die Leben in Ihre Texte bringen 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. Anschließend weisen wir dem Plugin die ID des A-Elementes zu: Es stehen verschiedenen Einstellungsmöglichkeiten zur Verfügung, um Geschwindigkeit und Art der Animation anzupassen. Shuffle Letter Effects: Eine Hommage an klassische Anzeigetafeln Das Shuffle-Letter-Effects-Plugin erinnert an die klassischen Anzeigetafeln, wie man sie etwa von Flughäfen kennt. Das Plugin greift dieses Prinzip auf und stellt einen Text entsprechend dar. Auf der Website des Anbieters gibt es übrigens nicht nur das Plugin samt Demo, sondern auch einen kleinen Einblick in die Entwicklung des Plugin. Links zum Beitrag (dpe)