Archive pour janvier, 2010

CSS3 et border-image

Posté par marie Le 25 - janvier - 2010

border-image demonstration page_1264447249021Rhaaa…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: 3% [?]


Partager cet article
      

Des labels qui glissent

Posté par marie Le 25 - janvier - 2010

Sliding Labels Using MooTools Example_1264446754433Un 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.

Ah oui et ça tourne sous jQuery…une fois de plus hein.

Hop par ici : http://davidwalsh.name/sliding-labels-mootools

Popularity: 4% [?]


Partager cet article
      

Et c’est reparti pour une année

Posté par marie Le 21 - janvier - 2010

Design Trends (Predictions) in 2010_1264090861518Comme 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) :

  • Les typo à empâtements
  • Les fonds de page texturés
  • Les gros titres
  • Les typos embarquées (ahhh @font-face quand tu nous tiens)
  • Le minimalisme (il sort tous les ans celui-là)
  • Les animations via CSS3
  • Les ombres (ça alors !)
  • La gestion de l’opacité
  • Le design pour application mobile

Personnellement, je trouve qu’il est un peu tôt pour tout ce qui est CSS3…

Hop c’est par ici : http://www.webdesignerwall.com/trends/design-trends-predictions-in-2010/

Popularity: 3% [?]


Partager cet article
      

Un générateur de dégradés pour CSS3

Posté par marie Le 11 - janvier - 2010

CSS3 Gradient Generator_1263200704868Vous 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…

Aller ici : http://gradients.glrzad.com/

Popularity: 4% [?]


Partager cet article
      

Un framework pour mettre en page des formulaires

Posté par marie Le 11 - janvier - 2010

RMSforms Example Page_1263200327760Qui ne s’est jamais arraché les cheveux sur la mise en page d’un formulaire ?

RMSforms vous donnera un sacré coup de main dans la mise en page de vos formulaires. En appliquant simplement une classe css, vous pouvez décider de l’orientation et de la mise en page de vos champs. Allez voir la page d’exemples pour comprendre de quoi il s’agit.

Hop par ici : http://www.rmsjr.com/blog/web-design/rmsforms-a-flexible-tableless-css-forms-framework/

Popularity: 4% [?]


Partager cet article