Category: jQuery

All PostsjQueryPhotographyWeb Design

10 Handy jQuery Instagram Plugins

Instagram is arguably one of the most popular photo sharing social networks, boasting over 30 million active users happily snapping away. With this in mind its only logical that users may want to display their photos on their own website.

In this post I wanted to focus on jQuery plugins that will enable you to pull in your own Instagram pictures, I have included a selection of jQuery Instagram plugins that you can use on WordPress, Drupal and if your not using a CMS I have also included jQuery plugins that you can use directly on your site.

Read More
All PostsHacksjQueryWeb Design

Useful jQuery Resources For Creating Full Screen Sliders

A few weeks back we featured a post showcasing websites utilising full screen sliders, its a pretty cool trend doing the rounds right now so I thought I would provide you with some resources to create the effect on your site. The resources I have included will allow you to replicate the full-screen or full width slideshow effect and most of the resources are written with jQuery, HTML5 and CSS3.

Read More
All PostsHTMLjQuerySocial NetworkingTutorials

Tutorial: Grabbing Popular Dribbble Shots Dynamically via jQuery

Compared with any other design network Dribbble always seems to come out on top. The quality of submissions is beyond comprehension to most graphics designers, especially with mobile/web user interfaces. There are so many amazing shots published every day but it’s tough to keep up with the constant flow of new publications.

In this tutorial I want to demonstrate how we can build a small webapp which dynamically pulls all the most recent popular shots from Dribbble. The interface is very simple to work with and we want to create all these effects without refreshing the page. For organizing the backend data I’ll be using a custom jQuery plugin named jribbble. It suits our needs perfectly and it’s so easy to get started – even a newbie JavaScript developer could pick this up in a couple hours.

Read More
All PostsjQuerySocial NetworkingWordPress

Best Pinterest Style WordPress Themes

Pinterest allows you to collect and share images, videos and other media content types with your follower base, many people do not know that WordPress supports many different post types, allowing WordPress users to post quotes, galleries, videos and images to their blog. Today I wanted to focus on the best WordPress themes that are built similar to Pinterest, these Pinterest themes mostly use the jQuery masonry layout and WordPress custom post types to display the content in a similar fashion to Pinterest.

Read More
Tutorial: Coding a jQuery Popup Modal Contact Form
All PostsCSSHTMLjQueryTutorials

Tutorial: Coding a jQuery Popup Modal Contact Form

Modal windows have become a popular asset for web & mobile developers. iPhone and iPad applications have such a limited screen real estate that it’s useful to bring in additional menus floating on top of the view. This concept also translates well into webpage interfaces where you can hide smaller, minute details.

In this tutorial I’ll demonstrate how we can build a minimalist modal contact form. I’ll be using jQuery along with the fancybox plugin to manage dynamic content. The open source code libraries make scripting so much easier. And we can implement a small Ajax call which submits the form data via PHP on the server end.

Read More
All PostsjQueryWeb Design

10 Useful jQuery Plugins For Enhancing Your Website UX

Incorporating jQuery effectively and modestly in your website build process is a great way to enhance and take your user experience to another level. Using jQuery plugins can be a great tool for helping display content to your users in a much more intuitive and interactive way. The jQuery community is fantastic, developers are consistently releasing new, quality jQuery plug-ins for us to incorporate into our websites.

In this post I will take show you a collection of jQuery plugins that are really useful for improving your overall user experience on your website.

Read More