Bookmark and Share

The jQuery Lightbox effect is a WOW-SOME way of displaying photos on your website. You’ve probably seen this effect countless times without realizing that it is the Lightbox effect. When viewing an image gallery, if you click on an image and it opens in a new box on top of the webpage, then you’re seeing Lightbox in action. This effect can be styled and configured to give you a custom, professional looking effect on your website’s images. JavaScript and jQuery plug-ins continue to simplify the task of presenting images and photos on the internet in a fully customizable style. Below, we showcase... Read More

With the popularity for HTML5 Boiler Plate on the rage it is nowadays popularly known as “Rock Solid Default for HTML5”. HTML5 Boiler Plate has become the professional base for JS or HTML/CSS template for developing robust, fast or future proof website.HTML5 Boiler Plate has undergone 3 years of iterative development so that the users you can enjoy the best of the best features such as performance optimization, Cross Browser Normalization and various other additional features such as Flash & Ajax.HTM5 Boiler Plate does have any philosophy for development nor it is any framework rather it just has few tips and tricks... Read More

Most designers would agree that navigation is one of the most critical components of a website. Despite this, it is not always easy to use or access. Traditionally, users must scroll back to the top of the website to access the navigation menu. I recently wondered whether sticky menus makes websites quicker to navigate, and I conducted a usability study to find the answer. Let’s look at the results of the study, a few implementation techniques and some related challenges. http://uxdesign.smashingmagazine.com/2012/09/11/sticky-menus-are-quicker-to-navigate/ Read More

In this tutorial we will create a jQuery triple panel image slider with a 3D look. The idea is to have a main panel and two lateral panels that are rotated slightly in 3D space. When navigating, we will slide in the respective next image in each panel. We’ll be using CSS 3D Transforms with perspective and CSS Transitions. Read More

Vintage format meets modern web tech: an HTML5 audio player with realistic controls. Today we want to share an audio player with you that looks like an old school music cassette. Read More

A tutorial about how to create a swatch book like component that let's you open and rotate the single swatches revealing some details. We will be using CSS transforms and transitions and create a simple jQuery plugin. Read More

You should read this "Crazy" HTML5/CSS3 and Javascript effects list! TABLE OF CONTENTS CSS Transitions and Animations Useful and Practical CSS Techniques CSS Typography and Text Techniques CSS Navigation Menus and Hover Effects Visual Techniques With CSS Read More

A simple jQuery plugin that allows you to add a dynamically-resized background image to any page. Do you see the full-sized background image on this page? In a nutshell, that’s what Backstretch does. It will stretch any image to fit the page, and will automatically resize as the window size changes. Images are fetched after your page is loaded, so your users won’t have to wait for the (often large) image to download before using your site. Read More

jQuery Mobile

January 2nd, 2012

As we see that smart phones and PDAs are becoming ever more advanced, usage of mobile internet will be playing a significant role in up-coming years. Even web browsers that are being used on computers, had issues at earlier stages. HTML 2.0 was the first to see many features that web developers could use. But this was a basic version and did not offer great looks. To yield better looks, Netscape Navigator; a dominant leader during then, introduced proprietary tags and attributes into its browser. While, other browser vendors tried to reflect the same tags; they were not able to render pages... Read More