Archive for the ‘Design’ Category

Récuperer de l’énergie

24 septembre 2007

Voici un des concepts repris dans un article du Metropolis magazine. L’idée est de récuperer de l’énergie des gestes quotidiens afin de la stocker pour un usage ulterieur. Evidemment, dans ce cas çi, il faut au moins 1 enfant en bas age à la maison … au fait, on pourrait réequiper les salles de body building non 😉

(src. ReubenMiller)

Truc Accessibilité #3 – se séparer de la souris

7 août 2007

Afin de rendre vos pages accessibles aux non-voyants ainsi qu’à tous ceux qui ne peuvent utiliser une souris, n’oubliez pas de verifier que:

  • Chaque élément qui utilise un attribut de type onmouseover doit être surchargé d’un attribut onfocus, et leur evenement associé doit déclencher une action similaire.
  • Chaque élément qui utilise un attribut de type onmouseout doit être surchargé d’un attribut onblur, et leur evenement associé doit déclencher une action similaire.

Les grilles sont chouettes

1 juin 2007

Si vous êtes un neophyte en mise en page CSS, je vous propose d’aller jeter un oeil sur les templates de grilles proposés par intensivstation. Ils ont en effet remis à jour leurs templates à l’usage des designers web. Le plus difficile maintenant: choisir celui qui vous conviendra le mieux.

Un escalier qui en a dans le ventre

23 mai 2007

En voila une bonne idée qu’elle est bonne !

Si vous avez un escalier chez vous. Une belle astuce pour ranger un tas de choses comme vos chaussures, vos gants et echarpes pour l’hiver ou encore des papiers et bouquins, ….

Malheureusement, pas de site web pour le concepteur de cet escalier réalisé par Unicraft Joinery, Hamilton, Victoria Australie – j’ai donc rajouté le tag ‘DIY’ (do-it-yourself).

(src. DesireToInspire)

Bouton ou lien d’action ?

21 mai 2007

Un nouvel article de Jakob Nielsen sur les hyperliens et les boutons qui ont des usages à l’origine bien differents:

– Les hyperliens sont utilisés pour la navigation, pour passer d’une page à un autre dans un même espace d’information.
– Les boutons sont utilisés pour des actions qui génèrent des modifications (par ex. ajouter un produit à un panier d’achat).

Il y a bien evidemment des exceptions à ces règles:

– Les boutons peuvent être utilisés pour passer d’une page à l’autre dans un processus de workflow (par ex. « continuer le shopping » ou « commander »)
– Les hyperliens peuvent être utilisés pour des actions secondaires (par ex. « Cancel »)
L’ainsi nommé « lien d’action » a le benefice de pouvoir être ecrit de manière plus longue et donc de manière plus claire pour l’utilisateur. Pour réduire la confusion, le lien doit explicitement montrer qu’il est lié à une action en commencant par un verbe à l’imperatif (par ex. « Add an item »)

Un autre avantage du lien d’action est que l’on peut ajouter un texte explicatif juste en dessous du lien. Le texte peut être présenter dans une police de caratère plus petite pour en souligner la nature secondaire. pour lire l’article en entier et en anglais.

70 Expert Ideas For Better CSS Coding

15 mai 2007

Un nouvel article compilation nous est proposé par smashingmagazine.com sur 70 trucs d’experts qui peuvent améliorer nos performances en codage CSS. Une version pdf est même promise d’ici peu …

Mon avis sur le sujet:

  • Pour le reset des CSS, j’utilise personnellement les CSS de yahoo, reset.css et font.css.
  • Pour charger vos pages web plus rapidement, evitez les @import
  • Mettez des commentaires dans vos CSS, ils commencent par /* et se terminent par */

Allumerrrrr le feux

23 avril 2007

Un titre subtil pour un sujet qui l’est tout autant, si pas plus 😉 j’ai nommé la Firetable imaginée par un brilliant designer, celle-ci donnera à vos soirée cette petite touche d’unique qui leur manquait …

Facile à utiliser, le système utilise de l’alcool sous forme de gel et ne dégage pas de fumée (il vaut mieux …)

(src. Gizmodo)

30 Sites Web d’1 page

28 mars 2007

tutorialblog.org nous a referencé une série de 30 sites web d’une page. Ajoutons qu’ils ont également la particularité d’être très réussis.

Truc CSS #9 – réaliser de bô tableaux

27 mars 2007

J’avoue, je ne me suis pas foulé pour le titre mais le contenu en vaux la peine, jugez plutôt:

Si le même principe que le faaaameux Zen Garden, je vous propose aujourd’hui d’aller piquer du code sur le site CSS Table Gallery qui nous propose une gallerie de styles CSS divers et variés de mise en page ce qui releve toujours une gageure, j’ai nommé les tableaux. Je vous ai mis l’adresse sur un style qui me plait, ca vous dit quelque chose 😉

Maman les petits bateaux …

23 mars 2007

He oui, dans le monde 2.0 les bateaux marchent sur l’eau. Il s’agit du tu-fin développé sur le même principe que le ski de fond. Sympa pour les longues balades sur les lacs de montagne ….

(src: Gizmodo)