Sigma.js: Dessiner des Graphes interactives avec les Canvas HTML5

 

Sigma.js est une librairie Javascript Open source, qui vous aide a dessiner des graphes en utilisant les canvas HTML5. La librairie a ete concue pour partager des cartes interactives sur vos pages web ainsi que d’explorer dynamiquement une base de donnees reseau.  La license de la librairie […]

Slideshow plein ecran avec CSS et jQuery

Dans ce tutoriel, CodRops nous montre pas a pas comment developper un slideshow plein-écran avec des effets custom très interessants. Le tutoriel utilise les plugin jQuery suivants :

  • jQuery cond pour les conditions chainables if-then-else, par Ben Alman
  • jQuery Transit pour les transformations CSS, par Rico Sta. Cruz

Lire La […]

Graphique à barres dynamique avec CSS3

 

Cet Excellent tutoriel montre comment développer un Graphique a Barre 3D  avec HTML et CSS3. Le graphique est independant du background, Facilement personnalisable, adaptable au nombre de barres choisies.

La démo peut etre visualisée ici : http://tympanus.net/Tutorials/CSS3AnnotationOverlayEffect/


Lire La suite sur CodRops : http://tympanus.net/codrops/2012/05/21/animated-3d-bar-chart-with-css3/

 

Tutoriel : Effets d’annotations avec CSS3

 

Apprenez comment effectuer des animations d’annotations sur une image avec CSS3 en utilisant la propriété :checked pseudo-class.  http://tympanus.net/codrops/2012/05/14/annotation-overlay-effect-with-css3/.

 

Comment developper un Layout 3D inspiré de Flipboard avec CSS3

 

Voici un tutorial interessant de CodRops, dans lequel on apprend comment developper un Layout 3D. Bien que le resultat est encore a ameliorer en termes de compatibilité, ca vaut vraiment la peine d’y jeter un coup d’oeil. Le resultat est fort ressemblant a l’application Flipboard.


Lire La suite […]

Par |juin 2nd, 2012|CSS|0 Commentaires

Bootstrap : un Toolkit CSS/HTML directement de chez Twitter!

Si vous utilisez twitter sur iPhone, vous vous serez peut etre rendus compte que leur application web (si vous visitez twitter via votre navigateur web) est assez fluide. Eh bien, les gens chez twitter ont release en Open source le code qu’ils utilisent pour cette application : Bootstrap. Bootstrap est […]

Par |septembre 7th, 2011|CSS, DIVERS, WEB|0 Commentaires

Tutoriel jQuery et CSS3 : comment donner un effet Brillant a votre galerie de photos

Addy Osmani a publie un tutoriel dans lequel il montre comment créer une galerie de photos avec jQuery et CSS3. L’effet est intéressant pour afficher des photos « polaroides ».

Screencasthttp://screenr.com/Z0W
Démohttp://www.addyosmani.com/resources/shinetime
Telechargement: http://www.addyosmani.com/resources/shinetime/shinetime.1.01.zip

Par |novembre 2nd, 2010|CSS, JAVASCRIPT, WEB|1 Commentaire

EASY : un Framework CSS/JS/HTML

easy-front-end

Easy est un Framework CSS/JS/HTML. Il set a convertir un design en HTML en mettant une base pour des développements futurs. La partie CSS inclut des définitions pour des éléments communs pour le contrôle du layout. La partie JavaScript est basée sur jQuery […]

Par |décembre 8th, 2009|CSS, JAVASCRIPT, WEB|0 Commentaires

Zen Coding : Accelerer l’ecriture du code HTML et CSS

zencoding

Zen Coding est un ensemble d’outils pour optimiser le temps du codage HTML et CSS. En effet, il vous permettra de « Générer » du code HTML a partir d’une abréviation, exemple: (Lire la suite…)

Par |décembre 1st, 2009|CSS, WEB|1 Commentaire

Compresser vos fichiers CSS en utilisant PHP et Gzip

gzipMinimiser le temps de chargement d’une page web est crucial. En utilisant Gzip et PHP nous pouvons minimiser la taille des fichiers CSS. Cette technique est efficace et représente une façon simple pour réduire la taille de la page et réduit donc le temps de chargement. Cette technique peut […]

Par |octobre 16th, 2009|CSS, PHP|0 Commentaires