Rhaaa…Parlons encore un peu du messie CSS3…Ici un article bien fichu sur l’utilisation de la propriété miracle border-image. Le principe est super simple, on a un image de base représentant les bordures de notre boite sous forme réduite et CSS3 vous fait un petit tour de passe-passe et étire le tout. Résultat : vous avez une boite extensible avec une magnifique ombre tellement 90′.
Couplé à ce cher multi-background, je crois qu’on a pas fini d’en voir de toutes les couleurs. Mais bon ça reste de l’ordre du fantasme…grrrr.
Allez vous faire mal par ici : http://www.lrbabe.com/sdoms/borderImage/index.html#nogo
Popularity: 2% [?]
Partager cet article
Un script sympa (même si il ne sert pas ç grand chose) qui vous permettra de mettre en place des formulaires avec des labels qui se déplacent au focus sur le champs. Dis comme ça, ce n’est pas forcément évident à visualiser mais je vous invite à faire un tour du côté de la démonstration pour en avoir le coeur net.
Comme tous les ans, voici les prédictions en matière de webdesign pour l’année à venir. Je ne vous fais pas piétiner d’impatience plus longtemps, les gagnants de cette année sont (d’après le webdesignerwall) :
Vous le savez tous, CSS3 gère les dégradés. Il ne sera plus nécessaire d’utiliser des images pour mettre en place des dégradés sur vos pages web. Le problème est qu’obtenir LE dégradé n’est pas toujours chose facile. Ca devrait s’arranger avec ce petit générateur qui vous fourni directement le code CSS à coller dans votre feuille de style après que vous ayez fait mumuse avec le color picker. Inutile de vous dire que ça ne fonctionne que sur les navigateurs compatibles CSS3…
Qui ne s’est jamais arraché les cheveux sur la mise en page d’un formulaire ?
Hop le petit machin qui fait toujours classe sur votre site web. Voici CU3ER, le slideshow en flash avec transitions en 3D, bling bling qui clignote. Alors pourquoi pas hein. Ça fonctionne tout bêtement avec un dossier images et un xml de configuration et c’est gratuit…alors pourquoi se priver. A ne pas montrer à vos clients par contre. Sinon ça va transitionner en 3D de partout.
Un script sympa qui va vous permettre de mettre en place un carrousel d’éléments HTML avec pas mal de paramètres. les transitions proposées sont très variées et assez originales. De quoi animer vos pages facilement. A noter que cela fonctionne évidement avec jQuery.
Voilà une belle performance. La génération d’un effet de fausse 3D uniquement à l’aide de CSS3 et de quelques PNG. Après je ne sais pas si cela va réellement servir à quelque chose mais l’effet qui en résulte est impressionnant et est une bel argument de présentation de la puissance et des possibilités de CSS3.
Vous connaissez tous les fameuses Cheat Sheet. Voici celle concernant le HTML5. Bien pratique, représentant un gain de temps significatif et à garder sous la main tant que les nouvelle balises ne sont pas entrés dans nos petites têtes…
