30 sites comportants des formulaires dans lesquels ont peut puiser une bonne inspiration.
ColorSuckr crée des palettes de couleurs basée sur des photos. Tapez l’url de votre photo ou tapez un mot dans le moteur de recherche relié à Flickr.
Voici un site qui va vous peremttre de générer un jeu de 6 nuances différentes. Cliquez sur « sfuffle colors » et c’est parti. Le code hexadécimal de chaque couleur est fourni et il est possible d’enregistrer sa palette.
Voici une galerie de sites optimisés pour l’Iphone.
Il arrive que l’on aie à ouvrir un fichier dont on ne connait pas l’extension. Il arrive aussi que l’on ne sache pas avec quel logiciel l’ouvrir. Avec Openwith.org, il est facile de retrouver l’extension en question. Un lien vers un logiciel gratuit qui nous premettra de l’ouvrir sans soucis nous est aussi fourni.
24 boutons à télécharger gratuitement en png et psd. Dommage car rien n’est étitable mis à part la police qui est bien souvent manquante.
Convertisseur de couleur en RGB / CMYK / HSV / YUV / … Propose même une variation de dégradé vers le blanc et vers le noir.
4 étapes pour télécharger votre favicon.
Step 1 : upload de votre illu Step 2 : prévisualisation Step 3 : download. Ce site fourni même le tag à insérer dans votre site.
Pour un meilleur résultat, je vous conseillerais de d’abord créer votre icône au format 32×32 ou 16×16 et d’uploder cette icône. Ce site ne vous servira alors qu’à modifier l’extension en .ico et récupérer le tag
Un générateur de « post-it ». Choisissez le titre, le message, ainsi que leurs couleurs respectives, le style de la police de caractères utilisée, en enfin le style du post-it en lui même. « Generate my note! », et c’est parti.
Convertissez gratuitement des fichiers d’un format à un autre. Plus de 50 types de conversions sont proposées (PDF vers Word, Excel, JPG…, Word, HTML, JPG … vers PDF, HTML vers RSS…)
Téléchargez gratuitement + de 15.000 icônes en haute qualité et de divers formats : ICO (Windows), PNG (Linux), ICNS(Mac).
Ergonomie web : les bonnes pratiques pour être efficace.
Bibliothèque d’effets, pour être utilisés avec prototype.js ou mootools framework.
Du javascript pour de belles applications web.
Diaporama, le grand classique. Faux flash, vrai javascript.
Ixedit est le premier outil permettant de créer des animations interactives en JavaScript : il suffira de remplir des formulaires avec l’effet souhaité. C’est un véritable outil pour les designers qui pourront créer et gérer les animations en quelques clics, dans leur environnement, c’est-à-dire dans leur site Web ou blog.
Un générateur de feuilles de styles.
Propose des illustrations et des photos de qualité. Leur photothèque offre une vaste collection d’images originales de Wallonie, de Belgique, d’Europe et du monde. On y trouve également un grand choix de photos et dessins d’illustration pure et conceptuels.
E-mails HTML, comment dompter la bête ? Devriez-vous utiliser les CSS ou les tableaux ? Et que faire quand les images sont désactivées ?
Des guidelines pertinentes pour la création de mails en html.
Fireworks : les choses que vous avez peut-être loupé…
Les 50 blogs de conception web, ressources et styles les plus populaires de 2007.
Comment créer un bloc avec jQuery, coins arrondis, css et 1 seule image.
Pour être certain de trouver l’inspiration
Un générateur de texture avec des ronds dégradés du plus gros au plus petit. Choisissez la couleur des ronds (2 couleurs possibles), ensuite la couleur du fond et enfin la hauteur du background. « Ok », et c’est parti !
Heu c’est quoi Tartan ? Selon Wikipedia, c’est est une étoffe de laine à carreaux de couleurs, typique des peuples celtes. Il s’agit d’un motif de lignes horizontales et verticales entrecroisées, de multiples couleurs.
Pour avoir une idée de l’aspect d’une page web selon différentes résolutions d’écrans sans rien installer.
Retrouvez le rendu si spécial des Polaroids™ d’un simple clic avec Rollip. Créez un Polaroids ™ à partir de votre propre photo.
Icônes gratuites pour Windows, Mac et Linux, Offres Ico, Gif, Bmp, Png. Différentes format.
Site dédié à l’apprentissage du logiciel Adobe Flash et plus particulièrement l’ActionScript 3
Un générateur de mots de passe.
Classements par catégories : logos, webdesign, illustrations, photos, patterns.
30 tutoriels d’effets de textes très beaux.
SWF Live Preview est un petit explorateur (gratuit) des fichiers SWF qui vous aide à naviguer et prévisualiser les fichiers Flash. Il donne aussi la taille en pixel du fichier lorsque l’on passe le curseur sur le .swf – très partique !
Encore un dictionnaire des synonymes.
Cssdebutant : Comme son nom l’indique, ce site est dédié aux débutants. Introduction au language css.
Vous trouverez ici toutes les références w3c en matière de CSS 2. Le site est très bien fait, avec pleins d’exemples. On peut même éditer le code de l’exemple pour l’adapter à la situation dans laquelle on se trouve.
239 icônes gratuites de drapeaux pour usage commercial ou non.
Voici un site qui permet de voir comment s’affiche son site sur un Iphone. Bien pratique, mais surtout très à la mode. Ca me fait moyennement sourire, car c’est déjà tellement compliqué parfois de « bidouiller » pour que tout s’affiche nickel sur les différents browsers, que si on doit commencer à tester sur l’iphone, on ne va plus s’en sortir…
De l’Action Script 3 en veux-tu en voilà pour les nuls. En français, avec pleins d’exemples et d’explications.
Collection de photos à bas coût, à partir de 0,75 euro
Epictura vous propose plus de 4,5 millions de photos de haute qualité en provenance des éditeurs photos libres de droits Corbis, Getty images, Image Source, Zefa…. Ainsi que toutes les banques d’images de réputation mondiale. Retrouvez sur epictura une offre d’images libres de droits pour les graphistes, éditeurs et professionnels de la communication.
« Developing web site, exploring imagination » – Encore une bonne liste de liens pour les web designers
Propose 40 gabarits de toutes sortes (fixes, fluides, nombre de colonnes variable, etc…)
Un moteur de recherche de pdf.
Des liens utiles pour les webdesigners (ajax, blogs, colors, CSS, flash, fonts, forums, free photos, generators, graphic sources, icons, inspiration, magazines, OS CMS, photoshop tuts, stock photos, templates, xhtml)
Un blog où vous trouverez une foule de ressources pour vous exercer avec illustrator
Un générateur de badges web 2.0
Des effets faciles d’utilisation puisqu’il suffit de télécharger un fichier .js auquel il ne faut pas toucher.
Ajoute à toutes vos images un reflet totalement web 2.0 Fonctionne sous Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ et Safari
Des scripts très faciles d’utilisation et très beaux (pas les scripts hein, le résultat ). Téléchargez les fichiers .js et n’y touchez plus. Appliquez l’effet et le reste se fait tout seul…
A garder sous la main pour pouvoir modifier les CSS avec du javascript.
Cette méthode vous permettra de créer vous même votre propre scrollbar. L’avantage de cette méthode est que vous pourrez personnaliser complètement les boutons de votre scrollbar.
Juste petit outil utile pour créer des modèles. Expérimentez avec des images, des couleurs, des textures et le transparent pour obtenir le meilleur résultat. Bien pratique et très beau, ce qui ne gâche rien !
Donne une liste des icônes trouvées et le site de référence de ces icônes.
Choix de la taille des icônes recherchées : 12×12, 16×16, 22×22, 32×32, 48×48, 64×64 ou 128×128. Comporte aussi un onglet avec les icônes les plus populaires.
Une sorte d’annuaire rassemblant les icônes par thème avec un moteur de recherche.
Des centaines de favicon gratuites. Propose 710 icones et puces 16×16 gratuites.
Des brushs, des brush, des brush
Un pdf à télécharger sur l’ergonomie des interfaces. Très intéressant
Les 10 meilleurs hacks css comme le vertical-align des div et les png transparents…
Une liste des css supportés dans les différents clients mail. A lire avant d’envoyer un mail
Le best off des tutos et downloads pour Fireworks
Toutes les photos présentes sur ce site sont gratuites et libres de droits
« Votre dose quotidienne d’inspiration »
Un site qui va vous permettre de réaliser complètement online un menu CSS. A voir !
Regroupe tous les packs d’icones les plus connus et bien plus
Une banque de formes de bases pour créer ses logos. Vous y trouverez des gabarits de logos sans couleurs au format vectoriel : EPS ou AI. Toutes ces formes sont en libre téléchargement
Vous pouvez sélectionner les sources qui sont bonnes et celles sans intérêt en cliquant sur la punaise à côté du lien
Ergonomie web et logiciel
Quelques règles simples qui peuvent vous permettre d’accrocher et de conserver vos lecteurs
De bons conseils pour avoir un meilleur site
Un site pas mal fait pour visualiser la mise en forme de votre texte. Téléchargez aussi le css qui y correspond. A essayer !
un site qui vous permet de créer de toutes pièces vos propres typos à l’aide d’un outil graphique en Flash intuitif et très facile à prendre en main. Le service est entièrement gratuit et ne nécessite qu’une rapide inscription avant d’accéder à la palette qui vous guide dans le processus de création.
(merci à Presse-citron pour l’info)
Possibilité de recherche par géolocalisation, photos d’actualité en plus des photos d’illustration, et pour les photographes : paiement des Agessa
Des dégradés Web 2.0 à télécharger gratuitement
Tutos
Pleins de styles à télécharger gratuitement
Des styles web 2.0
Des textures et des styles. Attention, c’est en japonais…
Par ici
Pas très clair car la zone de saisie de texte est assez petite
Traduit du texte plein ou une page html. Pas de limite du nombre de mots
Téléchargez les textures de haute résolution libres pour l’art de Digital, le 3D rendant, la conception de Web ou les projets d’impression
Principalement du noir et blanc. Beaucoup de visages
Très complet et mis à jour régulièrement. A visiter sans aucun doute!
Des desing de tous genre gratuits. On y retrouve des voiture, appareil photo, guitare, cléf, tasse….
Cliparts vectorisés gratuits
72 « glass button » et « bars » gratuits
Thèmes de couleurs par Adobe Labs
Gratuites. Attention, le site est assez lent
Des murs, du plastic, du métal….
Textures gratuites. Pas très fourni
Beaucoup beaucoup de textures en tout genre, de bonne qualité. A voir !
1 colonne, 2 colonnes, 3 colonnes, avec header, sans header….
Des templates de site entier. A voir !
Css 2 colonnes, 3 colonnes et général
Un footer toujours fixé en bas
