{Benjamin PREVOT}

Web

Le HTML 5 a son logo

19 janvier 2011 Web Aucun commentaire
HTML 5

C'est fait : le W3C a mis à disposition un logo pour le HTML 5.

Vous pourrez retrouver tous les formats sur cette page : http://www.w3.org/html/logo/.

Mais ce n'est pas tout : il y a également un ensemble d'icônes permettant d'identifier les technologies utilisées.

Et pour les plus fans, des t-shirts sont aussi disponibles.

Effet de coin de page en CSS 3

28 octobre 2010 Web Aucun commentaire
Effet de coin de page

De nombreux sites ont mis en place un effet de coin de page (Peel effect en anglais) pour des publicité, donner des informations complémentaires...

Vous pouvez en voir des exemples ici :

Comme vous l'aurez remarqué, cet effet est mis en place en utilisant une animation Flash ou du JavaScript.

Nous allons voir dans cet article comment réaliser le même effet en CSS 3 sans script complémentaire.

Démo Lire la suite...

Safari 5

Safari

La version 5 du navigateur d'Apple est sortie.

Parmi les fonctionnalité annoncées :

  • Meilleur support de HTML5
  • Performance accrue
  • Possibilité d'utiliser Bing comme moteur de recherche
  • Création d'extensions pour les développeurs
  • ...

Pour plus de détails : http://www.apple.com/safari/whats-new.html

Styliser les légendes de vos images avec CSS 3

29 avril 2010 Web 1 commentaire

Lorsque l'on affiche des images sur un site, il est toujours utile d'ajouter divers informations (source, lieu...) pour le visiteur.

Mais comment ajouter une légende aux photos sans surcharger l'interface ?

Le but de cet article sera de réaliser un effet similaire à celui-ci : http://thirdroute.com/projects/captify/.

Et encore une fois, CSS 3 va nous aider à mettre en place ce que nous souhaitons, sans JavaScript.

Lire la suite...

Créer une galerie photos avec CSS 3

28 avril 2010 Web 16 commentaires

Toujours à la recherche de solutions permettant de réaliser des effets avec CSS 3, je me suis penché sur la création d'une galerie photos sans JavaScript.

Le but va être de réaliser un ensemble d'aperçus de photos comme sur ce site : http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/.

Bien entendu, JavaScript interdit;)

Lire la suite...

Créer un effet de slide avec CSS 3 sans JavaScript

27 avril 2010 Web 14 commentaires

Nous avons souvent vu des librairies JavaScript permettant de réaliser des effets de slide :

Avec les nouvelles spécifications CSS 3, il est maintenant possible de mettre en place cet effet facilement sans aucun code JavaScript.

Nous allons voir comment mettre en place un effet identique à ceci : http://www.incg.nl/blog/2008/hover-block-jquery/.

Lire la suite...

Pagination d'un tableau avec MooTools

MooToolsNous allons voir comment mettre en place rapidement un système de pagination pour les tableaux réutilisable et non intrusif.

Lire la suite...