Stipemania

Le 9 novembre 2008

stripe_mania.jpgLe principal avantage de StripeMania sur les autres outils de ce genre, est qu’il permet de créer autant de bandes qu’on le souhaite,  de faire des dégradés et cela en un temps record.

J’aime ce genre d’outils web2, parce qu’ils sont sérieusement pratiques, lorsqu’on a besoin d’un background rapide, bien fait et quis’accorde, surtout,  parfaitement avec l’image qui suit.

Optimiser sa CSS

Le 5 novembre 2008

cssoptimizerimg.jpgVoici quelques sites sur lesquels vous allez pouvoir offrir un régime amaigrissant et un lifting clarifiant à votre feuille de style (CSS) et cela, dans le but altruiste et esthétique visant à afficher plus rapidement le style de votre site.

Ces outils utiles pour les webdesigners facilitent la lisibilité de votre page, par vous même et par les navigateurs. Cependant même si vous n’obtiendrez aucune validation W3C pour votre CSS sur ces pages, ces outils devraient vous aider à mieux comprendre les résultats du test CSS validator W3C.

  • En Français :

cleancss.jpg CleanCss :

paramétrable et efficace (basée sur CSStidy)

  • En Anglais


flumpcakes.jpg flumpcakes
:

(au logo plus qu’étrange !) efficace


cssoptimizer.jpgcssoptimiser:

très simple d’utilisation mais peu paramétrable

  • Pour ceux qui voudraient leur “optimizer”

csstidy.jpgCSStidy à télécharger sur le site de sourceforge.net et à placer sur votre site :exemples : deux autres sites français : floele et codebeautifier

Typetester

Le 16 octobre 2008

typetester.pngTypetester est un outil qui permet de comparer 3 types de polices simultanément afin de choisir celle qui correspond le mieux au graphisme d’un site et de générer le code CSS correspondant.

Vu sur Libellules.ch

Effect générator

Le 25 août 2008

Pour diverses raisons vous n’avez pas Flash chez vous et pourtant vous aimeriez bien pouvoir placer sur votre site un petit slide show de vos photos favorites ou une petite animation sympathique pour égayer votre blog.

fx.jpgEffect generator et un outil gratuit de type Web2. En quelques clics vous aurez vite compris : l’outil est ergonomique et intuitif. Les constructeurs du site ont ajouté deux petits tutoriels vidéo (en anglais) qui vous aideront dans vos premiers pas.

Voici un petit exemple de ce que j’ai fait, en quelques minutes, à partir de mes photos.



Un très joli site

Le 25 août 2008

zoo.jpgJuste pour faire durer un peu les vacances, je vous propose d’aller visiter Ecodazoo : un zoo écologique, fait de papier recyclé virtuel.Un très joli site japonais plein de couleurs et de poésie.

Conçu avec flash par l’agence McCANN ERICKSON.

Lorem Ipsum

Le 10 juillet 2008

lorem ipsum_1.gifUn générateur de texte bien sympathique et pratique, en français et en “simili-latin”. Ce site vous permettra de générer du texte “lorem Ipsum” pour la construction de vos maquettes de site web. Ce générateur vous permet de choisir le nombre de chapitres, de choisir le nombre de mots et de mettre tout cela en majuscules ou non.

Pour la petite histoire, le texte latin “Lorem Ipsum”, utilisé depuis le XVIème siecle par les rédacteurs pour présenter un aspect final de leur travail, n’a pas de valeur sémantique. Il s’inspire de l’œuvre de Cicéron.  Ce texte et les mots qui le composent ont été tant manipulés qu’un latiniste aurait du mal à en comprendre le sens : “Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…” soit  “Il n’existe personne qui aime la souffrance pour elle-même, ni qui la recherche ni qui la veuille pour ce qu’elle est… “

Source : Wikipedia

Csstypeset

Le 11 mars 2008

csstypeset.jpgCsstypeset  est une application wysiwyg (What you see is what you get) très pratique pour mettre en forme, en quelques clics, le texte dans vos feuilles de style.

Je sais que cela pourrait vous paraitre bizarre que je vous dise ça, mais chaque jour qui passe j’aime un peu plus internet !

Outils web2

Le 20 janvier 2008

Quatre outils Web2 performants et parfois utiles (trouvés sur Services web 2.0)

fotoflexer1.jpgIl y en a beaucoup en ligne, mais celui-ci gère les calques, pour les habitués de photoshop ce ne sera pas du luxe. Vous me direz peut être : “ Mais qu’iraient faire les habitués de photoshop sur ce site, s’ils ont ce qui se fait de mieux chez eux ?” c’est vrai … bon disons qu’ils ne sont pas toujours chez eux et qu’ils n’ont pas tous photoshop sur leur clé USB. Dans ce cas et pour les autres, sachez que ce logiciel en ligne gratuit permet, entre autres, les agrandissements, le recadrage des images et la distortion de l’image et en plus il soignent les yeux rouges (seulement virtuellement, si le syndrôme persiste voyez avec votre ophtalmo et éloignez-vous un peu de votre ordinateur !).

  • Une table de montage vidéo : Jaycut

jaycut1.jpgPratique lorsque l’on souhaite faire occasionnellement un petit montage vidéo et le partager tout de suite après. Toujours appréciable si vous n’avez rien sous la main.

splice_1.jpgCe séquenceur permet de créer des morceaux de musique à partir d’une table de mixage mais il permet surtout le travail collaboratif et l’échange de samples. Cet outil nécessite une machine plein de ressources et une connexion assortie. Une alternative gratuite à des logiciels bien plus puissants mais payants tels que Fruityloops ou Storm.

  • Un éditeur Wisiwig (What I see, What I get), CSS et HTML : Drawter

drawter.jpgVoici un éditeur bien pratique : dessinez votre page web et il écrit les codes de la feuille de style et de la page html correspondante. Il ne manque quasiment rien à ce logiciel gratuit en ligne si ce n’est l’ergonomique et la possibilité d’enregistrer son travail (pour l’instant il faudra s’en tenir au copier/coller). Un outil facilitateur qui n’est pourtant pas destiné aux webdesigners débutants.

Gérérateurs de fonds

Le 15 novembre 2007

stripes.jpg Le Stripe generator et le Tartan maker : Deux outils web2 pour faciliter la vie des webdesigners.
Ils sont tous deux utiles pour réaliser des fonds de page à rayures ou en tartan (tissus écossais).

Quand on sait combien il est difficile de faire coincider les rayures, on trouvera ces outils bien pratiques. Pour revenir sur vos créations sans avoir à recommencer à partir de rien : ils vous suffit de garder l’adresse de votre barre de navigation.

A utiliser avec modération quand même ! Surtout le tartan, qui n’est pas trop à la mode sur le web en ce moment.

tartan.jpgAlex ‘Pit’ La Rosa” & Fabio Fidanza les concepteurs de ces deux outils proposent aussi un éditeur d’onglets le “Navigation tab menu generator” ainsi qu’un éditeur de reflection d’image “Image reflection generator“.