22 Mar
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…
tags algorithme, couleur, rgb
catégorie Art, Curieux, Design
18 Mar
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.
tags dessin, google
catégorie Art, Curieux, Web World
17 Mar
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.
tags dessin, html 5
catégorie Art, Flash, XHTML / CSS
15 Mar
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 Safariborder-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!
tags css3, generateur
catégorie Astuces, Bien développer, XHTML / CSS
9 Mar
Vous connaissez la technologie Ambilight de Philips ? Bon. Imaginez ça dans votre navigateur.
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)
tags html 5, vidéo
catégorie Design, XHTML / CSS
25 Feb
Waker, c’est un site de bêtises trop fréquentes et trop futiles pour être postées ici.
Au départ, c’était un WordPress avec un thème pas trop travaillé, mais j’aimais bien la palette de couleurs. Et puis je me suis rendu compte que poster avec WordPress était trop contraignant, car trop long. Même avec le bookmarklet Press This, poster un simple lien ou une photo prenait trop de temps.
Résultat : je prends un tumblr tout simplement. Le bookmarklet est très efficace : il récupère facilement les photos ou la vidéo de la page où l’on est, et l’upload est direct. Au début, j’ai pris mon thème bbxtumblr, mais il manquait d’identité pour Waker.
Donc, j’en ai fait un autre.
Navigation au clavier
La grande particularité est d’avoir intégré grâce à une lib JavaScript, la navigation au clavier comme pour Google Reader ou FFFFOUND, c’est à dire la touche “J” pour suivant et “K” pour précédent, sachant qu’elle gère aussi la pagination dès que vous arrivez en haut ou en bas de la page.
Et si vous voulez savoir pourquoi ça s’appelle “Waker”, et bien voilà pourquoi.
tags javascript, refonte, tumblr, wordpress
catégorie Design, XHTML / CSS
Bbxdesign a réussi à transcrire en design l'idée que j'avais en tête, chose pas simple du tout !
