Check out the top 30 responsive jQuery Slider plugins for website development!
How to edit a jQuery date picker: Remove Sundays and only allow people to choose the present date forward.
What good is a mobile website if you can’t get people to it? By using a .htaccess file and setting a cookie you can direct people on mobile devices to your mobile website, and allow them to then visit your full site without being redirected.
The latest release of fancyBox is responsive, so now your maps can auto adjust based on your browser window size!
The newest version of fancyBox has a responsive layout, making it the perfect solution for your responsive YouTube video needs.
Responsive website layouts have become increasingly popular. What are developers supposed to do about sliders and galleries when developing a responsive website? Here are 10 great solutions.
By default the shopping cart in FoxyCart accepts Discover cards. If your client doesn’t want to accept Discover card credit cards you need to remove it from the checkout. This is a rather simple process.
HTML5 forms are sweet, but not all the features are supported by all browsers. The HTML5 form date picker feature isn’t supported by all browsers for example. Luckily we can add a date picker to a form using jQuery which is cross browser compatible, here’s how!
Here’s a demo of how to create a fading transparent overlay effect of a magnifying glass when you hover over an image, using jQuery & CSS3. A great way to make image galleries more user friendly.
‘Scroll to Top’ aka ‘Back to Top’ links are common on many websites and blogs. The idea is that if you have a long website page you might want to give users an easy way to scroll to the top of the page or article. Here is a list of ten useful solutions for jQuery ‘Back to Top’ links.
I use the Nivo Slider for a lot of different client projects, and judging by the popularity of the slider, I’m not alone. Recently the creators of the Nivo slider provided a couple new skins for the slider. I’m going to add to the sharing and present another new theme, free for your download!
Need a great looking product slider for your website? FancyMoves is a jQuery slider perfect to show off products or photos. FancyBox is built in, and this latest release of the slider has many adjustable settings to make it fit your needs.
It’s easy enough to copy the code that YouTube gives you to simply embed a video on your website. But what if you have a lot of videos that need to go on one page? It would be a lot cleaner to have smaller images of the videos; which you could click on to watch the video, all without leaving the webpage.
Need a Google Map on your webpage but low on real estate (har har)? Using Fancybox and a lil jQuery we can expand the map right over your webpage. This gives the map all the attention it deserves, without forcing the user to leave your website.
As a designer there are a lot of things I use on different sites, such as Fancybox. It always drives me nuts to have to jump over to the Fancybox website, download the package, stip out the code that I need, delete example files and images… just to be able to use the code in it’s most simple form on my website! My main goal here is to help my and hopefully others development time by providing this slimmed down version of Fancybox.
One of the most common jQuery sliders being used by designers and developers these days is the Nivo Slider. I have personally used it on a variety of website for different clients beacuse it’s so versatile. Problem is, there’s no way to stop the auto loop. Until now, I’ll show you two options.
Looking for an interesting way to add callouts to your website to attract attention and direct the user of the website to certain services? Check out this demo to see how jQuery and CSS can be used to create “sliding boxes and captions”. A nice change from the regular jQuery sliders. Free download too!
Looking for a quick way to pull your Flickr photos onto your website? Using a lil bit of jQuery and the code below you can pull the latest photos right onto your webpage. Check out the demo and grab the code here.
Learn how to use jQuery to apply zebra striping to a table; a technique which is cross browser compatible. Yup, even your favorite browser Internet Explorer can pull this one off!
There are many nice jQuery sliders out there, one being the CSS-Tricks Moving Boxes slider. It has a nice effect that most other jQuery sliders don’t have, the main image is larger than the images leaving or entering the screen. Problem is, there is no autoplay. See how to add that here.