Real Shadow: jQuery Plugin For Mouse-Sensitive & Realistic Shadows

In jQuery
Advertisements
Real Shadow is a simple-yet-effective jQuery plugin for mouse-sensitive & creating realistic shadow effects for any HTML element. With a simple function, it works by targeting any number of elements and manipulating the value of box-shadow CSS property for the elements in accordance with the mouse position. So, the shadow's location and size is determined by ...

CSS3 Slideshow With Parallax Effect

In HTML5 & CSS3
Advertisements
Codrops, creating a CSS3 slideshow with a parallax effect with the help of some CSS3 properties. We’ll use radio buttons and sibling combinators for controlling which slide is shown. There will be two backgrounds and the idea is to change the background positions and the position of the slider with transitions ...

Awesome Scrolling Effects with CSS3

In HTML5 & CSS3
Hakim El Hattab (hakim.se), a very talented developer and programmer, has created a set of awesome scrolling effects with CSS. The effects are all CSS-only and a simple JavaScript function helps attaching/removing classes to elements. Currently, there are 10+ effects and, as expected, they are WebKit + Firefox-only but degrade nicely on incompatible browsers. ...

Responsive CSS3 Slider Without Javascript

In HTML5 & CSS3
Responsive CSS3 Slider without JavaScript created by Ian Hansson, a designer/developer from London. Its much like to JavaScript sliders; works by floating all of the content areas (articles) next to each other and hides the overflow. After that, animating the margin of the inner <div> gives us the next item. so if we have 5 articles, ...

HTML5 Please: Html5/CSS3 Features and Compatibility Chart

In HTML5 & CSS3
HTML5 Please is a compatibility chart of HTML5/CSS3 features to find out "in which browsers they are supported (or not)". There is smart search bar, it is possible to filter the results with browser or device support, type (HTML5 or CSS3 elements/properties) and more. Every item is described shortly and an opinion on whether they ...

Awesome CSS3 Presentation Framework: Impress.js

In HTML5 & CSS3, Javascript
If  you just bored with all those slides-based presentations? Now you can impress your audience with stunning visualization and  awesome CSS3 presentation framework "Impress.js".  It's a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers....

Build Mobile Web Apps With Spine Mobile JavaScript Framework

In Javascript, Software & Utilities
Spine Mobile is a lightweight JavaScript framework, for building mobile wep apps, with familiar web technologies like  HTML5 and CSS3 to easily design and develop mobile applications. The framework comes with specialized controllers, panel layout, hardware accelerated transitions and touch events. Apps are developed with HTML5-CSS3 and ...

A Responsive CSS Framework: MQFramework

In HTML5 & CSS3, Software & Utilities
A responsive CSS framework, MQFramework utilises the @media property to allow you to design your sites for browsers of all sizes. MQFramework degrades perfectly down to mobile screen sizes. The framework is based on a 12 column-grid and includes a typography stylesheet to handle the basics and a CSS reset. It is simply ...

HTML5 & CSS3 Mobile Framework : Lungo.js

In HTML5 & CSS3, Javascript, Software & Utilities
First mobile framework on web Lungo.js. A framework, powered with HTML5, CSS3 and JavaScript, for creating mobile web apps. The applications created with it works in all of the popular platforms (iOS, Android, Blackberry and WebOs). It has support for touch events like tap, double-tap or swipe and doesn't use ...

CSS Transactions Gallery: Animatable

In HTML5 & CSS3, Software & Utilities
What kind of CSS transitions can you create with only one property? Lea Verou is sharing and experiment beautiful resource -Animatable- that showcases different CSS transitions (and how simple they are). It’s essentially a gallery of basic transitions. It aims to show how different animatable properties look when they transition and ...