26 Apr
Le SVG vous connaissez ? C’est des graphes vectoriels en XML. C’est cool parce que c’est du vecto et c’est donc scalable très facilement (j’avais fais des icônes en SVG une fois avec Illustrator pour un site mais ça marchait uniquement sous Opera). C’est pas cool parce que c’est chaud à mettre en place, les navigateurs le gèrent mal et ça peut être moche en taille réduite.
Sur tapper[ware), un gars (un malade), a fait une sorte de Mario Kart en SVG. Vous pouvez voir la démo ici (ça ne marche que sous Firefox). Bon, c’est pas vraiment un jeu, mais juste une démo pour simuler le très célèbre Mode 7!
PS : mon record du tour est de 8:28 sec.
8 Apr
Aujourd’hui c’est le CSS Naked Day! Virez votre CSS et montrez nous votre code HTML pour voir si il est beau! Bon, j’ai raté les éditions précédentes. Mais avec mon nouveau thème, je voulais tenter le coup!
CSS Naked Day ? Kesako ?
The idea behind this event is to promote Web Standards. Plain and simple. This includes proper use of (x)html, semantic markup, a good hierarchy structure, and of course, a good ‘ol play on words. It’s time to show off your .
On April 9th, simply remove all CSS from your website, stripping it entirely of its design.
Le site sera sans CSS pendant 48 heures. En effet, c’est le 9 avril international, c’est à dire, à n’importe quelle endroit sur terre, pour n’importe quel fuseau horaire.
24 Mar
Après avoir expliqué comment réaliser un bon formulaire HTML, pourquoi ne pas en réaliser un uniquement en CSS3 ?
Lire la suite »
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.
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!
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)
Bbxdesign a réussi à transcrire en design l'idée que j'avais en tête, chose pas simple du tout !