background preloader

WOW Slider : jQuery Image Slider & Carousel

WOW Slider : jQuery Image Slider & Carousel
The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. It's a very effective method to increase the web site usability and engage the user. What's new April 10, 2014 WOW Slider v5.3 * New effects: Photo and Collage * New skin: Grafito

Beautiful Background Image Navigation with jQuery In this tutorial we are going to create a beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in […] Elastic Image Slideshow with Thumbnail Preview « Previous Demo: Fullscreen Image Blur Effect Images by BarbraGolba Back to the Codrops Article Elastic Image Slideshow with Thumbnail Preview Creative Duet Friendly Devil Tranquilent Compatriot Insecure Hussler Loving Rebel Passionate Seeker Crazy Friend Current Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Demo 1 | Demo 2 (with autoplay) Resize the window to see the slider adjusting

10 of the Best Free & Premium Responsive Joomla Templates – UK Web Hosting – Uk Web Design Blog If you want to have a Joomla website that looks great whether it’s viewed using a laptop, desktop, tablet, or smartphone, then you should consider using a template that features responsive design. With responsive design, a website’s layout automatically changes to fit the screen resolution of the device it’s being displayed on, so your site will always look great. I’ve chosen 10 of my favourite free and premium responsive Joomla templates to share with you, including some great options for corporate, portfolio, and personal sites. If you want to see exactly how responsive design works, then view the demos and resize your browser to watch the layouts change automatically. Responsive Joomla Template

slick - the last carousel you'll ever need Set up your HTML markup. <div class="your-class"><div>your content</div><div>your content</div><div>your content</div></div> Move the /slick folder into your project 40+ jQuery Plugins Improving Your Website Look and Feel Making more and more appealing and interactive user interfaces have been one of the never ending competitions between web designers since html and browsers where in the mid nineties. The competition is there for a reason. The number of website on-line has experienced a nearly exponential growth and you need to stand out to be seen! Actually it is kind if scary if this trend is going to continue… Anyway most of you reading this post is probably agreeing that websites need to be special, look good and have features that is not found everywhere. I believe jQuery is the answer today just as Flash was 5 years ago.

Elastic Image Slideshow with Thumbnail Preview Today we want to show you how to create a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically to its surrounding container and we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option. View demo Download source To make this slideshow responsive, we will use a mixture of JavaScript and CSS techniques. Creating a custom HTML theme Want to create a custom look for your blog? If you’re comfortable hand-coding HTML, then you’ve come to the right place! If not, choose from hundreds of beautiful themes in the Theme Garden.

RoyalSlider - Touch-Enabled Image Gallery and Content Slider Plugin Features of jQuery version Modular Script architecture allows you to create your own version of the script using online tool and include in build only features that you need. Touch-friendly Touch navigation for slider and thumbnails, vertical or horizontal. Responsive down to mobile Size of slides and thumbnails can be dynamically changed (all sliders on this site are responsive). HTML content in slides and thumbs Any content can be inserted inside each slide and thumbnail.

30 Fantastic New jQuery Plugins-Speckyboy Design Magazine With jQuery now being used in over 40% of all web sites, the demand for up-to-date and feature-rich plugins has never been greater. Thankfully, the community has always met its popularity head on by offering a constant influx of new jQuery plugins that constantly push the boundaries of functionality even-further. We haven’t actually had a good look at plugins in quite a while, so today, we thought we would bring you up-to-date with some of the latest and greatest. CodeExplorer

jQuery hashchange event » Examples » hashchange event Your generous donation allows me to continue developing and updating my code! jQuery hashchange event enables very basic bookmarkable #hash history via a cross-browser window.onhashchange event. Click, and watch as the magic happens! Note that there is absolutely no JavaScript attached to the click event of these links. All they do is set the location.hash via href, and the callback bound to the window.onhashchange event does the rest. Once you've clicked one or more of these links, fool around with your browser's back and next buttons. jquery.qrcode.js is jquery plugin for a pure browser qrcode generation. It allow you to easily add qrcode to your webpages. It is standalone, less than 4k after minify+gzip, no image download. It doesnt rely on external services which go on and off, or add latency while loading. 26 Sites That Pay You to Blog Writing paid post is perhaps the most straight forward ways to earn some revenue from blogging. The way pay post works hasn’t changed much; after reaching mutual agreement with advertisers, you write about them, they pay you. And if there is a 3rd party (middle man company) involve, they take cut. How to Make Your Blog Accessible to Blind Readers Quick Tips for Bloggers So you have a blog, and you're worried that it might not be accessible to people with disabilities? Don't worry! A few simple changes can increase your blog's potential readership. 1. Choose an Accessible Service