Les outils, c’est toujours quand on a besoin que l’on ne le retrouve plus ! Je prend sur moi et vous offre une liste de ressources vraiment utiles à garder sous le coudes (un autre traitant du sujet à lire par ici). D’ailleurs il faut vraiment le garder sous le coude puisque j’ajouterai au fur et mesure d’autres liens (merci d’en soumettre en commentaire 
) Lire la suite
Un billet spécialement dédié aux ressources liées à HTML5, CCS3 et autre APIs pour toujours avoir sous le coude des outils indispensables. Du générateur de template html5 en passant par les cheat sheet HTML5 ou encore les sites qui test les implémentations des différentes fonctionnalités, vous trouverez tout pour vos projets HTML5 friendly !
http://www.stunningmesh.com/
Un petit gros billet pour ne pas oublier et mettre en avant les perles en matières de webdesign sur lesquels j’ai pu tomber. Je tente de classer au mieux par catégorie. Un peu comme mes autres billets, je les fais évoluer en permacence.
Vue sur le blog de Fred Cavazza, un superbe design pour une garderie
Pour un e-commerce avec un visuel fort … c’est du visuel fort ! Superbe
Pas vraiment un e-commerce, tout en l’étant un peu (on ne pas payer sur le site, il faut se rendre dans le magasin), ce site est vraiment réussi. Clair, sympa avec un graphisme parfaitement adapté au sujet, j’adore !
Très fun, j’aime beaucoup, ça change de la classe sobre
Très « rosy » mais tellement frais !
Je vais un tout petit peu plus loin avec ce site, car c’est l’ensemble qui est intéressant. De fort visuels et la boutique dissociée. Elle fonctionne très bien dans un design des plus minimaliste. Mais je suis persuadé que l’internaute y trouve son compte.
J’aime beaucoup les jeux graphistes très soignés qu’utilise ce webdesigner avec en bonus un lien vers un de ses projet ou l’on peut trouver quelques jeux d’icônes en free
Lecture du site à l’horizontal, avec un superbe jeu graphique derrière
Une agence web, j’aime beaucoup l’idée du découpage graphique par rubrique accessible via les flèches du clavier ou le menu. Petit souci : la hauteur de l’écran pète un peu le principe quand il est trop grand. Mais c’est top !
Je crois que clairement ici on parle aux pros, l’idée du fond transparent à la photoshop est forcement pour les initiés.
Encore un vraiment top, au délà de son site, il faut aller voir ses références, du vrai design associé à de vrais compétences techniques … cette fille est un modèle du genre !
Le site de la fox classics, j’aime beaucoup l’ensemble est le visuel fort en background, avec un beau fondu sur un aplat et un pied de page bien tranché
J’ai pas trop cherché ce qu’il y a vait derrière ce site, je trouve juste qu’il marche très bien visuellement. Très simple, mais super efficace !
J’aime beaucoup l’idée du visuel très présent dans la bandeau haut, qui est parfaitement intégré sur l’arrière plan. Une zone de contenu bien démarquée et on peut le dire : c’est très beau
J’ai pas trop compris de quoi traite ce site, mais c’est excellent ! Un effet BD au scroll, une histoire qui se raconte en scrollant. Idée top !
http://www.noupe.com/freebie/fresh-icon-sets-to-improve-your-designs.htmlEn Webdesign, l’inspiration (comment ? non non, j’ai pas pensé « plagiat ») est courante, voir obligatoire. En effet à quoi bon partir dans des idées folles pour que le client démonte tout en cours de route ! Donc c’est ici que je recense, en plus de ressources graphiques utiles aux webdesigner, d’excellent site qui grouille de webdesign en tout genre, fut un temps on aurait dit kit graphique pour certains, mais c’est tellement laid comme expression, qu’on va l’éviter ! Et puis surtout les sites qui recensent les meilleurs sites … c’est indispensable à garder sous le coude.
Petite note, attention tout de même aux petits malins qui peuvent glisser des Malware ou autres cochonnerie dans leurs archives … des-fois que.
Ressources, PSD, AI, HTML/CSS … du free et du payant, mais d’une manière générale : que du bon !
Spécifiquement dédié au commerce de templates, utile pour l’inspiration ou donner des idées au client
Juste pour les yeux (les urls des liens parlent d’eux-même)
Icônes
Motif / Patterns – background
Brush et autres forms prédéfinis pour photoshop/illustrator
Vectoriels divers
Flash
LES sites à voir pour puiser l’inspiration
Outils/tools
Couleurs
Divers
Billet à vocation durable.
En effet c’est ici que je compte centraliser le meilleur du CCS3/HTML5 et le tout sous des thématiques pour faciliter la lecture. Je vous invite donc à suivre ce billet pour y voir les petites perles que je vais chercher pour vous !
Parfois (hôôôô, mais c’est rare ! ), nos cher navigateurs, selon leurs version, ont bien du mal à nous fournir le même rendu. Oublions les éternelles problèmes de boîtes, le hasLayout et autres CSS conditionnelles, pour ne parler que des VRAIS problèmes … (sic !)
Moi je propose ci-dessous, au travers du travail de développeur acharnés des astuces en tout genre mais qui nous oblige d’être moins puritain, moins à cheval sur nos principes, voir carrément blasphémateur !
Vous êtes prévenus
Ajouter le support de border-raduis, box-shadow, border-image, gradiants et d’autres encore sous Internet Explorer de la version 6 à 8. Rien que ça !
Pour cela : CSS3-PIE qui vous permet via l’inclusion d’un fichier PHP (qui inclu lui même un fichier .htc) le support de bon nombres de propriétés pures CSS3
Jetez un oeil à la démo : http://css3pie.com/ puis à une autre : http://css3pie.com/demos/tabs/ et bien sur, à la doc aussi : http://css3pie.com/documentation/
Pour étendre les possibilités de CSS de grands farfelus ce sont amusés à permettre
Bon là on reste carré, mais c’est franchement une philosophie que d’utiliser les Framework CSS. J’utilise quotidiennement BluePrint, mais en voici d’autres tout aussi, voir bien plus, … puissant !
Voici une liste d’outil en ligne pour générer vos sprites css, c’est quoi donc les sprites ??
Je suis abonné à la newsletter du site noupe et il y a quasiment une perle un billet par jour, je tags tout ça via mon compte deilicious, mais je pense que recenser ici les billets vraiment intéressants serait plutôt une bonne chose. Une espèce de synthèse du top de top du site noupe. Les billets sont catégorisés pour plus de clarté
Photoshop
Illustrator