background preloader

Layout

Facebook Twitter

Tabs

Grid. Android distribution update: Over 92 percent of users still on 2.X, Gingerbread still growing. ICS and Honeycomb taking their time. The latest marketshare-ish numbers are in for Android and it seems that people continue to update their phones…to Gingerbread. Almost two-thirds of all Android phones hitting the market in the last two weeks are running Android 2.3.x with a significant share—23.1-percent still on Android 2.2 Froyo. Honeycomb, the Tablet-only fix OS, is at around 3.3-percent, while Ice Cream Sandwich is on a scant 2.9-percent of devices including Galaxy Nexus, Acer Transformer Prime, and newly updated HTC Vivid (along with some custom builds and some unlocked manufacturer phones).

The distribution over time (below) is showing the long haul ICS has ahead of it (and do not forget we are likely going to hear about Jelly Bean at Google I/O in June). Dylay - a simple dynamic layout jQuery plugin. A responsive "dynamic layout" jQuery plugin. DyLay is a jQuery plugin which allows to create dynamic layout very easily. It respects order of elements. All functionnalities in 1.5ko (minified) !!! What's new ? This version is faster and more responsive ... Less hole and easier to use its functions. Le HTML Le CSS Le JS Technical part DyLay has 3 public methods : position: fill the hole filter: filter the elements which correspond to the selector passed in argument ( string ) sort: sort the elements by data- the first argument ( string ) and the way is defined by the second ( asc or desc ) How to use the dylay object ?

As simple as $('#mySelector').dylay({ params ... }).

Pageflip

A jQuery plugin to build a website on the infinite canvas. jQuery Masonry, organisation automatique des « DIV Flottants » jQuery Masonry est un plugin qui permet de faire une mise en page optimisée et automatique des différents DIV de votre page web. Comme le montre l’exemple ci dessous, on obtient une page qui présente l’ensemble des blocs dans un espace aussi réduit que possible.

La « grille d’affichage » prend en compte une organisation verticale et horizontale. Il faut bien avouer qu’architecturer une page « remplie » de div n’est pas toujours aisé. Mais il ne faut pas croire que jQuery Masonry va tout agencer d’un coup de baguette magique. Même s’il vous fera gagner un grand nombre d’heure de développement, il est préférable d’avoir bien pensé votre page avant de passer au codage ! Enfin, pour les fanas de WordPress, voici un petit tutoriel (in english) pour utiliser jQuery Masonry dans votre cms préféré. Site Internet : jQuery Masonry Licence : MIT Tags: organisation page web Category: Création Site Internet, Inclassable.

Accordeon

jQuery.fracs · larsjung.de. To use the core lib just include jquery.fracs-0.12.0.js. The outline feature can be found in jquery.outline-0.12.0.js and depends on the core lib (you'll need to include both files). Fractions To retrieve the fractions of an element use: var fracs = $(selector).fracs(); this will return an object of type Fractions. Or bind a callback function: function callback(fracs: Fractions, previousFracs: Fractions) { ... // context variable *this* will be the corresponding HTMLElement ...}; $(selector).fracs(callback); The callback function will be called whenever fracs and previousFracs are unequal. $(selector).fracs('check'); Outline Add a canvas to your document (use a fixed position to keep it in viewport)

Modal

Panel. Html2canvas - screenshots with JavaScript. UI.Layout Plug-in - Home 2. An Awesome jQuery Plugin For Creating Magical Layouts – Isotope. Isotope is an impressive jQuery plugin that enables us to sort items and create smart layouts. Using the plugin, any given list of items can be filtered with show/hide effects and they can be re-ordered with slick animations. The plugin's layout features are very powerful as well. With a simple function, items can be converted into horizontal/vertical layouts or arranged intelligently within a grid and much more. And, all with nice animations. Isotope’s animation engine takes advantage of the best browser features when available — CSS transitions and transforms, GPU acceleration — but falls back to JavaScript animation when they are not available.