Ainsi, si vous recherchez des boutons ou icônes pour agrémenter vos sites et blogs voici deux endroits où il vous faut être ces jours ci :

1. Une mention spéciale pour le blog Soulvisual.com qui nous offre de magnifiques boutons ronds style Web 2.0 et à la demande en plus. Monsieur est trop généreux. J’adore cette idée du partage qu’on certains.
   
2. Ensuite c’est une fois de plus Smashing Magazine qui nous offre en collaboration avec Deziner Folio une superbe collection de 49 icônes au format png avec les sources PSD
   C’est d’ailleur une très bonne initiative de la part de l’équipe de Smashing Magazine, qui a décidé de mettre en avant des nouveaux talents du webdesign :

   Nous sommes toujours à la recherche de créatifs et talentueux artistes et designers. Une fois que nous les trouvons, nous leur demandons de coopérer avec nous et d’offrir quelque chose gratuitement. Nous leur fournissons une pleine liberté pour faire valoir leur professionnalisme et exprimer leur créativité. Chaque nouvelle création contribue à faire du Web un endroit plus agréable. En fait, les résultats sont très souvent assez impressionnant.

C’est chouette non ? Que pensez vous de cette esprit ? Vous connaissez beaucoup de blog à très forte visibilté qui offre de telles possibilités à des artistes et créatifs de s’exprimer et partager leurs talents ?

to make the Web a nicer place

Le fameux site Iconfinder qui nous propose un moteur de recherche d’icones est à nouveau accessible. Personnellement je n’avais pas eu le temps de le tester entre son ouverture et sa mise en attente.

Vous pourrez y trouver de nombreuses icones pour agrementer vos sites web.

A noter que toutes les icones proposées sont au format PNG et sous 3 licences différentes:

• Creative Commons
• GPL
• LGPL

Voici un exemple du résultat avec la recherche du mot « pdf » :

Vous pouvez voir un exemple de l’effet donné sur coda. Soit dit en passant je trouve la présentation de cette page d’accueil vraiment bien faite.

Après un rapide test je trouve ce script fonctionnel, simple à mettre en place et à paramétrer. Quelques options sont possibles :

• Défilement automatique des slides
• Choix du slide de départ
• Temps de pause en chaque défilement

Bref, à vous de tester maintenant…

Powered by ScribeFire.

L’excellent blog smashing magazine nous présente un florilège des 50 plus beaux designs web de l’année 2006 et ça vaut le coup d’oeil !!

Les designs sont présentés à travers de belles captures d’écran et classés suivant 3 thèmes :

• Vibrant Designs
• Dark Designs
• Light Designs

Si vous cherchez l’inspiration, vous trouverez ici de belles perles.

PS: smashing magazine regorge d’articles passionnants et de ressources très utiles. Un site de plus à mettre de côté.

L’excellent site web design from scratch (en) vient de publier un nouvel article (en) très complet sur le design Web 2.0.

C’est en réalité un véritable guide que nous propose l’auteur tant l’article est détaillé :

Il nous propose un tutoriel au sein duquel est expliqué pourquoi tel ou tel aspect du design fonctionne mais aussi comment, où et quand il fonctionne.

Voici quelques un des points que vous trouverez détaillés dans cet article :

• Simplicity
• Central layout
• Fewer columns
• Bold logos
• Gradient
• …

Bref, un article à lire absolument quand on s’intéresse au design Web.

Au passage, profitez en pour découvrir ce site (en) dédié au design web, vous y trouverez de nombreux articles très fournis, bien construit et clairs. Un vrai régal pour les webmestres.

Merci de votre patience. Il va maintenant falloir que je travaille ma régularité. Les sujets de manque pas mais c’est le temps qui manque.

• Run / Universal JavaScript Animation Framework / Start .. Demo finished .. Demo finished

Nouveau framwork javascript à tester

(categories: javascript framework)

Un post regroupant un ensemble de solutions pour créer de beaux formulaires en CSS

(categories: formulaire css)

Une collection de bannières pour promouvoir Firefox 2

(categories: firefox banniere)

Un tutoriel très bien fait pour apprendre à utiliser le très bon Framework javascript Moo.fx

(categories: javascript blog framework Moo.fx)

blog sur le framework de yahoo

(categories: blog framework yahoo UI library development webdesign)

tutoriel pour faire communiquer gtalk et MSN

(categories: tutorial google gtalk msn)

Un logiciel pour Windows très bien fait qui permet de lancer une application en utilisant le clavier.

(categories: logicel windows)

NEO Binaries is your definitive online resource for web based applications. A web2.0 community powered by users, industry experts, application creators and our team; designed to help you decide the perfect web based application for your wide ranging requirements.

(categories: web2.0 web)

Un moyen intéressant pour faire de la pub sur sa voiture

(categories: communication pub)

outil de generation de barre de téléchargement en ajax

(categories: ajax generator outil)

redimensionner une image via le web avec Mypictr

(categories: outil photo)

Une grosse liste de plugins pour wordpress

(categories: blog plugins wordpress)

La méthode de travail sur un projet web par 37signals

(categories: )

recuperer les codes couleurs d’un site.

(categories: outil color)

Je la promets depuis longtemps, j’aurai certes mis du temps à la pondre, mais voici donc enfin ma nouvelle traduction : Architecting CSS, de Garrett Dimon, publié à l’origine sur DigitalWeb Magazine, un article d’une grande utilité et très intéressant, qui traite de l’organisation des CSS : fichiers, rêgles, sélecteurs, etc.

(categories: css)

This tool, implemented using an XSLT stylesheet, tries to extract some information from a HTML semantic rich document. It only uses informations available through a good usage of the semantics defined in HTML.

(categories: semantic standards outil xhtml w3c)

Une interview de Stéphanie Troeth par le Journal du Net : »Les standards du Web ne sont pas tout noir ou tout blanc, mais des entités qui évoluent »

(categories: standards)

L’article se trouve ici.

PS: J’utilise aujourd’hui l’extension Performancing pour Firefox 2.0. qui permet de bloguer tout en surfant sur Internet et ça m’a l’air pas mal du tout.

Vous pouvez désormais écoutez les interventions de l’évènement ParisWeb 2006 dont je vous avez déjà parlé auparavant.

Toutes les conférences ont été enregistrées par Julien Wajsberg. Vous trouverez les fichiers au format .ogg ou .mp3, en basse ou haute résolution.

Vous trouverez aussi les présentations visuelles en PDF, HTML, PowerPoint ou Open Document.

C’est l’occasion pour ceux qui y était de revivre certains moments forts de ces deux jours consacrés aux standards à l’accessibilité et à la qualité web ou de découvrir cet univers à travers certains des meilleurs spécialistes du moment.

Je ne saurais que trop vous conseiller d’aller faire un tour sur le site de ParisWeb pour vous faire votre propre opinion sur cet évènement qui me semble majeur dans l’évolution des métiers du web.

Mes interventions favorites ?

• Tristan Nitot
• Elie Sloïm
• Laurent Denis
• Daniel Glazman
• et François Nonnenmacher

Car comme disais l’autre :

L’essayer c’est l’adopter !

Nous allons voir ensemble les différentes extensions qui permettent de se faciliter la vie quand on développe des sites web.

Web developer Toolbar

• Auteur: Chris PREDERICK
• Page de l’extension
• Installer l’extension en français

Cette extension est magique et offre de nombreuses possibilités pour le webmestre. Personnellement je ne peux plus m’en passer.

Entre autre, cette barre d’outil pour développeur web permet de désactiver les feuilles de styles, les éditer en directe (excellent pour comprendre comment fonctionne une feuille de style ), voir les styles d’un élément particulier.
Ensuite elle permet d’agir sur les formulaires, de tester une page en fonction de nombreux critères (accessibilité, validation HTML et CSS, poids des images, inspecteur DOM, …), de mettre à jour de nombreuses information utiles.

Bref, cette extension est un must. J’en ai rêvé, Chris l’a fait !

View Source Chart

• Auteur: Jennifer MADDEN
• Page de l’extension sur addons mozzila

Cette extension crée une carte en couleur du code source d’une page web.

La lisibilité devient excellente, surtout qu’il est possible de réduire une zone de la source en cliquant dessus.

Il devient vraiment facile d’identifier la structure et la hiérarchie du code.

Ocawa Toolbar

• Auteur: Urbilog
• Page de l’extension
• Fonctionne à partir de la version 1.5 de Firefox

Cette extension est une vraie mine pour tester l’accessibilité d’une page web. Elle permet de visualiser sur votre page et au fur et à mesure de la navigation les éléments de la page qui ne respectent pas les référentiels de Qualité / Accessibilité.

Les référentiels sont les suivants :

• WCAG 1.0 (Priorité 1,2 et 3)
• ADAE (Bronze et Argent)

IE Tab

• Installer IE Tab depuis Mozdev
• Ne fonctionne que sur les OS Microsoft

Même si on ne peut pas (encore) se passer d’Internet Explorer pour tester le bon fonctionnement de ses créations web, cette extension vous permet de lancer son moteur de rendu à l’intérieur de Firefox.

Cela permet tout de même de gagner un temps précieux.

SEO Tools

• Auteur: Michael Thomas
• Page de l’extension

Cette extension permet de vérifier en 2 clics de souris de nombreuses informations utiles pour le référencement d’un site comme le PR de Google, le nombre de backlinks sur Google, MSN, Yahoo, Del.icio.us, Technorati et bien d’autres, mais aussi le classement sur Alexa.

A installer d’urgence pour vérifier si votre travail acharné de référencement aboutit à des résultats.

Dans le même style j’en profite pour parler du module pour Netvibes crée par Xioos.com qui permet d’avoir un aperçu rapide de l’état de référencement de ses sites comme le montre l’image suivante :

Liens utiles :

• Geckozone : Extensions en Français pour Mozilla, Firefox et Thunderbird
• La page des extensions firefox sur Mozilla
• Telecharger Firefox 2 sur Mozilla Europe
• Une autre page avec de nombreuses extensions pour le développeur web

(Merci pour les commentaires )

Le blog Smiley Cat nous offre un recensement qui se veut exhaustif de toutes les techniques possibles permettant d’arriver à créer ces fameux angles arrondis.

Information découverte via Excargot, un blog passionnant sur le webdesign et le développement Web, tenu par Marie Neff.
Je vous conseil de visiter son blog. Un de mes préférés.

Et vous, quelle est votre technique favorite ?