JT Yeek : cadeaux originaux geek et design

bbxdesign

CSS + WordPress + Web Design

March, 2010

Tutoriel : formulaire 100% CSS3 sans image et sans JavaScript

Billet

Je vous invite à aller lire le tutoriel complet sur le CSS que j’ai écrit.

Après avoir expliqué comment réaliser un bon formulaire HTML, pourquoi ne pas en réaliser un uniquement en CSS3 ?

Screenshot formulaire CSS3
Lire la suite →

allRGB : des images avec 16 millions de couleurs

Billet

Vous connaissez les écrans qui affichent + de 16 millions de couleurs ? Bon. Ben là c’est pas des écrans mais des images de 16 millions de couleurs. Et plus précisément : 16 777 216 couleurs. Autrement dit : TOUTES les couleurs disponibles en RGB (où chaque couleur, je le rappelle, correspond à l’addition de trois longueurs d’ondes pour chacune des trois couleurs Rouge, Vert, Bleu pour lesquelles il existe 256 longeurs d’onde chacune). Et ça donne allRGB.

Si vous avez du temps et des compétences en création d’algorithmes

Lorsque Google Maps prend vie

Billet

Google Maps, ce n’est pas seulement des schémas de routes et d’intersections sans vie. Enfin, à en croire le My Way de Christoph Niemann.

Dessiner en HTML 5, c’est gagner

Billet

Harmony est un outil simple et sympa, qui permet de dessiner dans son browser. Rien de bien méchant apparemment. C’est juste qu’il est en HTML 5 couplé avec des algorithmes en JS. L’auteur s’est beaucoup inspiré de Scribbler, l’équivalent en Flash.

Perso, je suis nul en dessin, mais Pulupulu sait y faire.

Il existe même une fan page Facebook avec pleins d’autres jolis dessins.

CSS3 Please : un générateur de CSS3

Billet

Si vous voulez déjà utiliser des propriétés CSS3, vous devez savoir qu’elles sont implémentées sur plusieurs navigateurs mais avec des dénominations différentes.
Par exemple border-radius (pour obtenir des coins arrondis)  :

  • -moz-border-radius sous Firefox
  • -webkit-border-radius sous Chrome et Safari
  • border-radius sous Opera et le prochain IE9

Etant donné qu’il est assez laborieux de trouver chacune des dénominations pour une seule et même propriété, CSS3 Please vous sera d’une grande aide. Il vous permet d’éditer les valeurs pour chaque propriété CSS3 puis de les copier et les utiliser sur (quasiment) tous les navigateurs, que ce soit :

  • les ombres
  • les dégradés
  • les fonds semi transparents en RGBA
  • la rotation
  • les arrondis
  • @font-face (pour inclure la police qu’on veut)

Quelques-unes de ces propriétés marchent même sous IE6 et IE7!

Ambilight en HTML 5

Billet

Vous connaissez la technologie Ambilight de Philips ? Bon. Imaginez ça dans votre navigateur.

Ambilight en HTML 5

Si vous avez aimé le Sublime Video, vous aimerez l’Ambilight en HTML5 (qui reprend d’ailleurs la même vidéo).
Par contre, j’ai pas trop compris les explications en russe

(via Beautiful Pixels)