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 ...
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 ...
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.
...
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, ...
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 ...
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....
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 ...
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 ...
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 ...
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 ...