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

Why LESS? With CSS Style sheet language being so simple and plain makes the World go round on the web but yet it has a few restrictions and becomes difficult to manage in few scenarios. LESS is a well groomed language that eases the task of web developers by providing them the privilege of using dynamic CSS. For instance if a developer wants to make use of Dark Peach Color on any particular web page then he or she will have to use #FF9F94 code wherever he or she needs a Dark Peach Color but rather wouldn’t it be easier if they... Read More

If people are on your website, they’re probably either skimming quickly, looking for something, or they’ve found what they’re looking for and want to read it as easily as possible. Either way, keeping text readable will help them achieve their goal. Weights and styles help our visitors to read our content, we should make sure they work! And getting weights and styles to work correctly using the @font-face declaration can be a bit crazy-making. Let’s look at two popular approaches to setting weights and styles with the @font-face declaration. I’ll show you why they are not the best solutions, and show you... 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

Superb HTML5 and CSS3 demos

November 3rd, 2012

CSS and HTML is one probably the best bridge between web designers. You should see this examples! Advanced transitions – Animatable, One property, two values, endless possiblities http://leaverou.github.com/animatable/ Expressive Web Beta – HTML5 and CSS3 bring loads of new features and functionality to the modern web.This site is a resource and showcase of some of the newest, and most expressive features being added to the web today. http://beta.theexpressiveweb.com HTML5 Presentation – Un nice demo of new HTML 5 properties with an interesting keyboard navigation. http://slides.html5rocks.com/#landing-slide Scroll effects – Some silly but impressive scroll effects fully made of CSS3. http://lab.hakim.se/scroll-effects/ CSS3 Animation Menus... 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

A tutorial about how to create different interesting hover effects on circles with CSS transitions and 3D rotations. 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

Page 1 of 3123