Sur vos blogs et sites favoris fleurissent de jolis petit effets de dégradés et autres boutons typés « Web2 » aux couleurs « tendances ». Cependant lorsque vous vous y essayez, le résultat n’est pas forcément à la hauteur de vos attentes…

Voici donc une sélection de ressources, liens, et outils que j’ai glané pour vous lors de mes balades nocturnes sur le net.

1 - WebDesign:

La plupart de ces sources sont issues du très bon DezinerFolio (Blog en anglais), je vous conseil d’explorer la section téléchargements de très bonnes sources y sont présentes.

Styles de calques pour vos boutons web2. [Voir et télécharger la source styles].
Jolis Dégradés aux couleurs chatoyantes. [Voir et télécharger la source dégradé].
Trois effets Gloss très réussis. [Voir et télécharger la source Gloss].

Et aussi : 77 ressources pour simplifier la vie du designer web sur le blog VandelayDesign (Blog en anglais).

2 - Templates CSS/XHTML - Kit Graphique Gratuit

Chez Zwalta.com, des kits graphique de qualité professionnelle W3c Valid Xhtml/Css.

3 - Outils et Ressources

IconFinder: Le moteur de recherche par excellence spécialisé dans la recherche d’icônes.

Dans le même genre, j’avais écrit un ancien billet concernant d’autres outils et services en référencement, compatibilité et respect des standards, n’hésitez pas y faire un tour.

gratuit , photoshop , référencement , ressources , SEO , tools , web2 , webdesign , webdev , xhtml

Partager cet article (StumbleUpon, Del.icio.us, G-Bookmark, mail, etc.)

Un petit post sur de bons petits outils en ligne, prêt à vous mâcher le travail ou à vous accompagner dans la réalisation de vos sites web, blogs, ou applications en ligne.
Voici donc ceux que je trouve intéressants:

Design Web:

• SpiffyCorner - Ou l’art de faire des blocs Xhtml avec des coins arrondis et tous ça sans une seule image.
• AjaxLoad - Customisez vos propres .gif de loading pour vos chargement Ajax, d’autres tout prêts sur cette page: Ajax Activity Indicator.
• Stripe Generator - Pour vos backgrounds rayés typés Web2.
• MaxPower Blog - Une liste regroupant tout un tas d’icones gratuits sur la toile.
• ColorSchemer - Trouvez les bonnes couleurs pour vos projets, participez, échangez, pompez !
• DezinerFolio - Les 20 styles pour calques photoshop (.ASL) ultimes de bouton Web2, sur ce blog trés classe!

Référencement:

• OnlineMetaTag - Génère vos balises Metas de façon propre et valide, peut aussi recupérer le contenu de vos balises actuelles.
• ROR Sitemap Generator - Faites de superbes sitemaps XML pour TOUS les moteurs de recherche et non uniquement Google.
• SeoTools -136 outils allant du ratio de keyword à l’optimisation des titres en passant par la validation du code, si avec tout ça vous n’êtes pas trouvable sur les moteurs de recherche…
• SeoMoz - Crawlez votre site, testez le dans tous les sens, positionnez vous par rapport à vos concurrents.

Développement Web:

• Dynamic Drive CSS Librabry - Pour vos boutons, frames, menu, formulaires, du pré-maché de haute qualité.
• Html Playground - Pour les débutants et les plus expérimentés, soignez vos balises.
• CleanCSS - Optimisez, reduisez et formatez vos styles CSS.
• CSS Fly - Editez vos styles CSS en ligne, des tips, tricks et hacks.
• DHTML Site - Base de connaissance et exemples simples et pratiques CSS, Ajax, Javascript, à vous la puissance du DOM!
• ScriptAculoUs - Librairies Javascript pour les fans d’Ajax.
• wpzipper - Télechargez et installez la plateforme de blog WordPress directement avec tous les modules de votre choix (+ d’une bonne centaine).
• Un superbe article sur les boutons - Leur accessibilité dans les differents navigateurs, l’aspect visuel, etc…

Accessibilité:

• iCapture - Testez vos sites sur d’autres systèmes d’exploitation sans les installer.
• BrowserShot - Plus puissant qu’iCapture à mon goût, il réalise des screenshots pour plus de 30 navigateurs
• Validateur W3C - L’indispensable validateur W3C, respectez les normes!
• ColorBlind - Pemet de voir comment les daltoniens percoivent votre site Web (8,5% de la population), fonctionne même sur les images.

Et pour la gestion de projet web l’excellent BaseCamp

Liste qui sera amenée à être souvent mise à jour, j’attends vos références!

css , w3c , web2 , webdesign , xhtml

Partager cet article (StumbleUpon, Del.icio.us, G-Bookmark, mail, etc.)

Pour moi les sites de références:

Dans la langue de Molière:

• Alsacreations - Super site pour démarrer avec un forum ultra complet
• CSS Débutant - La référence des débutants
• Le site du Zéro - Pour partir de zéro

Dans la langue de Shakespeare:

• Itensivstation - Des templates, des tutos, bref de quoi faire.
• CssZenGarden - Exemple de ce que l’on peut obtenir avec le CSS
• Gilsh.com - Pas trés beau mais trés complet
• w3School - Partie CSS du w3School
• Smashing Magazine - Pour l’inspiration
• Tutorialblog - Plein de Tutos sympa
• Evolt.org - Pour bien evoluer comme il faut
• 24ways.org - Des Tips, Trick and Hack CSS

Personnellement je me suis acheté ces mementos edités chez Eyrolles que je recommande à tous, débutants ou personnes plus expérimentées, la réponse à votre question est à portée de votre main, très bien structuré et très complet, c’est bien simple je ne peux plus m’en passer!

N’hésitez pas à mettre vos bookmarks favoris concernant le sujet dans les commentaires…

css , web2 , webdesign , xhtml

Partager cet article (StumbleUpon, Del.icio.us, G-Bookmark, mail, etc.)