For a recent project I was looking a jQuery image gallery that could overflow hidden gallery items and display them horizontally outside a grid container.
I found exactly what I was looking for and settled on using the jQuery plugin created by @basilio called responsiveCarousel.
I thought I would share with you the other handy jQuery image gallery plugins that I stumbled upon and bookmarked for future reference. Read More
Today I wanted to share with you a quick and easy way to building a countdown landing page with a simple email sign up form.
To complete this demo I will be using a jQuery plugin called FlipClock.js to power the countdown clock and MailChimp to power the email sign up form.
View The Demo or Download Source Code. Read More
The time spent building a new web project can be greatly reduced if you choose to use a prebuilt HTML5/CSS framework.
A front-end framework can provide you with tons of prebuilt web elements such as responsive grids, JS sliders, complex menus, model windows, icon fonts – pretty much everything you may need to get your website up and running fast.
Here are ten useful, time saving web design frameworks that you should bookmark for future use in your projects. Read More
Going into 2014 I am sure the parallax scrolling effect is going to become even more of a widely used effect. When used correctly, the parallax effect is a great way to add an extra visual dimension, combined with the users scrolling it is a great way to guide the user through your site.
Here are 7 useful parallax jQuery plugins that will allow you to easily implement the effect on your website. Read More
Web development tutorials often cater towards beginner starting topics. However there are plenty of intermediate-to-advanced level tutorials focused on complex development techniques. Even people with years of practice may one day look towards an online tutorial to educate themselves on an unfamiliar topic.
In this gallery I’ve put together a handful of brilliant tutorials related to designing and coding a personal portfolio. You can find help on HTML/CSS, jQuery, and Photoshop design mockups. Some articles will be pretty simple while others get into the more nitty-gritty details. Take a look over these headlines and see if there’s anything you may want to learn about. Read More
On a recent project I needed to serve an image as a full size background on both a page and a block level element, the image had to be scaled correctly and also be responsive on small devices.
Serving fullsized images onto backgrounds or block level elements can pretty much be done with pure CSS3, however I wanted to explore what possibilities and improvements jQuery offered in terms of serving a better quality image and handling different device sizes.
Here are ten jQuery plugins that are perfect for serving fullwidth image backgrounds, I personally chose to use the Backstretch plugin. Read More