Des outils pour un site WEB 2

Images

Freshbadges

Freshbadges vous permet de générer des badges web 2.0, en paramétrant comme peu le propose :

 Police
 Type de badge
 Dégradé du fond du badge
 Dégradé du contour
 Application de filtres
 Ombre portée…

 FreshBadge (en)

Logo Generateur

Pas beaucoup de choix mais on ne peut pas faire plus simple.

 Logo Generador (es)

AjaxLoader

Si vous avez installé des scripts comme LightBox, vous avez sûrement une animation Gif qui indique le chargement de la photo. Avec AjaxLoader vous pourrez modifier cette animation avec votre propre création.

 AjaxLoader (en)

Ajax Loader bis

D’autres types d’animations Gif sont disponibles et paramétrables.

 WebScriptLab (en)

Réflexion

ReflexionMaker

Très simple d’emploi mais limité à des images de moins de 200Ko, dommage qu’on ne puisse pas placer le reflet comme on le voudrait.

 ReflexionMaker (en)

WetFloor

Un autre site pour réaliser simplement une image réfléchie. Ici vous pourrez en plus modifier la couleur de la réflexion pour la coller au plus près de votre charte graphique.

 WetFloor (en)

Boutons

Un générateur de boutons style 2.0 ou Vista. L’interface est un peu, beaucoup fouillis à cause de la pub…

 The free web stuff (en)

Un autre générateur de boutons, Web 2.0, Vista et même Iphone

 [My Cool Button http://www.mycoolbutton.com/]

Motifs écossais

A défaut de trouver de la peinture écossaise ;-) essayez donc ce site qui génère du tissu à carreaux, on dit des tartans… Bon si le design de votre site ne s’y prête pas, vous pourrez toujours vous fabriquer un kilt !!!

 Tartan Designer

Rayures

StripGenerator : un site pour réaliser… votre plus beau pyjama rayé ???

 StripGenerator (en)

Rubans

QuickRibbon

Un joli ruban dans l’angle de votre site, ça vous tente ?

 QuickRibbon (en)

WEbsite Ribbon

Un autre site, d’autres modèles de rubans sont disponibles.

 WEbsite Ribbon

BlogSticker

Un site de rubans en tout genre, au moment du test l’inscription ne fonctionnait pas, dommage.

 BlogSticker

Photos

FotoWiewr

Un site qui vous permet d’afficher un diaporama de vos photos Flikr mais de façon remarquable. Pour ceux qui connaissent PicLens, ça y ressemble mais plusieurs modèles sont disponibles. Dommage qu’on ne puisse pas afficher le lecteur directement dans son site :-(

 FotoWiewr

 Un exemple de galerie

GickR

Un site pour réaliser une animation Gif sans prise de tête à partir de photos de FlikR ou d’images présentes sur votre ordinateur. Simple mais efficace, attention toutefois pour générer l’animation il faut cliquer sur Next en tout petit en bas à droite…

 GikR (en)

QuickPickr

Le site vous génère le code HTML ou le BBCode pour insérer une photo flickr dans votre site web simplement.

 QuickPickr (en)

SwifR

Je l’ai classé ici, bien qu’il s’agisse d’un script, mais il ne travaille que sur les photos en créant des effets d’ombre, des coins arrondis, des bordures, et une rotation. Efficace car on n’a plus besoin d’un logiciel de retouche photo.

 SwifR (en)

Clap Generator

Sympathique le petit clap à placer lors d’une création de vidéo par exemple…

Attention aux caractères accentués !

 ClapGenerator (en)

TEXTE

CSSTypeSet

Un site qui peut se révéler pratique pour la mise en forme d’un texte rapidement et simplement :

Vous saisissez votre texte dans la fenêtre de gauche, vous le formatez à l’aide des outils du bas et vous récupérez le code dans la fenêtre de droite. Rien de bien compliqué.

 CSSTypeSet (en)

Un effet gradient sur du texte

Un tutoriel bien fait, le site est aussi très fourni ! il m’a beaucoup aidé pour réaliser cet article.

 Un effet gradient sur du texte (fr)

Bannières

Banner Maker

En panne d’inspiration ? Concevez votre bannière simplement. Un exemple (retaillé)

 Banner Maker (en)

Menus

Tabs Generator

Tabs Generator est une générateur d’onglets pour réaliser des menus flamboyants.

 TabsGenerator (en)

IzzyMenu

Un site très complet pour réaliser de jolis menus avec de nombreux modèles disponibles. Pour ma part j’ai rencontré quelques bugs…

 IzzyMenu (en)

ListOmatic

Vous remplissez les champs, vous sélectionnez le modèle et il ne vous reste plus qu’à copier le code généré.

 ListOmatic (en)

CSS Menu Maker

Un site très complet ! Pour réaliser des menus horizontaux, verticaux etc… De nombreux modèles sont disponibles et customisables.

 CSS Menu Maker (en)

CSS

Rounded Corner

RoundedCorner, un site pour faire de jolies boîtes aux angles arrondis.

 RoundedCorner (en)

PhpForm

Pour réaliser rapidement des formulaires sympas.

 PhpForm (en)

Des mises en forme liquid compatible IE 5.5 et Iphone !

Incroyable, des exemple de lise en page extensibles, compatibles Internet Explorer 5.5 sans hack, ces exemples sont donc complètements compatible avec les résolution des téléphones comme l’Iphone.
 Découvrez ces exemples de mise en page

News Letter templates

Un site à garder sous le coude pour réussir une newsletter parfaite.
 CakeMail

Scripts à tout faire

Feed Source

Pour créer un widget RSS. Certains sites ou plateforme de blog ne peuvent pas afficher le contenu d’un flux RSS facilement. Feed Source propose une solution vous permettant de créer un widget qui va afficher le contenu flux rss de votre choix.

 FeedSource

PhatFusion

De nombreux scripts pour agrémenter votre site.

 PhatFusion (en)

CVI project

Des scripts impressionnants, pas pour des novices !

 CVI project

Scriptol

Des ressources et des tutoriels pour un site branché.

 Scriptol (fr)

Stickmanlabs

Des menus en accordéon, des effets "lightbox" sur tout type de document, rien que cela ! Mais ce n’est pas à la portée du premier venu.

 Stickmanlabs (en)

Devthought

Un script Sympa pour faire un menu original

 Devthought (en)

Des astuces pour vos scripts 2.0

 A découvrir sur le Web Inventif

Annuaires de ressources 2.0

Générateur 2.0

Pas encore très riche mais un site à garder sous le coude.

 Générateur 2.0 (fr)

Eclaireur

 Eclaireur (fr)

For web designers

Une vraie mine d’or à enregistrer d’urgence !

 For web designers (en)

Plouceur

Plus de 50 ressources Web 2.0

 Plouceur.com

D’autres ressources

 Pour faire des bannières animées
 A voir aussi smashingmagazine.com . Des centaines de ressources et des tutoriels, une vraie mine d’or !

 Encore une trouvaille pour gagner du temps quand on ne maîtrise pas Flash : The Effect Generator une application en ligne permettant de générer toutes sortes d’effets sur des textes des images et des vidéos de façon très simple.
 50 outils de conception et mise en forme typographique pour le Web