Selection de ressources web gratuites

 Sélection de ressources web gratuites

TextPattern : est un CMS (Content Management System) plutôt dédié aux écrivains, en OpenSource. Développé en PHP & MySQL.

Bluefish Editeur de texte basique mais orienté web développement et webdesign.

jEdit Autre éditeur de texte pour développeurs. Créé en Java il est multi-palteforme : Windows ; Mac Unix ; VMS. Gestion de scripts ; plugins ; coloration syntaxique.



Pêle-mêle :

Générer des fonds de pages à rayures
Créer des avatars
Créer des onglets
Superposer un ruban dans un coin d'une page Web
Créer des badges
Des boîtes et menus à onglets
Créer des spinners  c'est-à-dire une animation destinée à faire patienter le visiteur.
Chercher des images sur Flickr par analogie de couleurs

RoundedCornr génère le code CSS d'une boîte aux bords arrondis.
gestion du gradient ; bordure ; transparence ...

3D-box maker  génère une boîte 3D et plaque des images téléchargées sur chaque face. Variantes : livres , boîtier CD etc ...: exemple :

Logo Creator Comme son nom l'indique.
SimWebSol Un autre générateur de logo avec reflet.
Genfavicon : générer un icône instantanément grâce à une image téléchargée.

A suivre ...

Des outils Web2.0 à perte de vue

Vu sur SearchEngineJournal : un concentré d'outils de blogging ; microblogging ; mailing ; developpement ; etc ...

Toutes les adresses mènent à des posts de Mashable dont les plus anciens (3 ou 4) datent de 2007. Voici un extrait avec les liens qui me semblent les plus cruciaux. J'ai évité volontairement les trucs ludiques, et mis plutôt l'accent sur les outils Blogger ; Firefox ; Wordpress ; webdesign ; websocial et SEO.

20+ Great Twitter Tools for Firefox

• Perso, j'utilise TwitterBar, qui s'insère discrètement au fond de la barre d'adresse, et permet de publier un lien et un commentaire sur Twitter en 10 secondes.
  

25 Great Blogger Widgets
75+ Email Services That Aren’t Gmail
20 Great Free WordPress 2.7 Themes
Blogger Toolbox: 100+ Tools and Themes
Analytics Toolbox: 50+ More Ways to Track Website Traffic
100+ More Wiki Tools and Resources
CAREER TOOLBOX: 100+ Places to Find Jobs

30+ Great Adobe AIR Apps for Designers and Developers

30+ Great Resources for Blogger Templates

20+ Great Greasemonkey Scripts for Improving Your Facebook Experience

WRITER’S TOOLBOX: 35 Best Tools for Writing Online

Web Design Toolbox: 130+ New Tools to Make You a Better and Faster Designer
16 of the Best Password Management Tools for Firefox 3
6 Embeddable HTML Editors for Your Website Compared
Web Development Toolbox: 120+ New Tools for Web Development
Slow Feed Movement: 7 Tools to Filter the RSS Flood
20+ Firefox 3 Security and Privacy Extensions
9 Audio Ad Networks for Websites, Blogs, and Beyond
35+ Online Shopping Cart Solutions for Your Business
13 Gmail Extensions for Firefox 3

8 Google Reader Extensions for Firefox 3
8 Google AdSense Plugins for WordPress 2.5 and Above

The Top 12 RSS Plugins for WordPress
The 10 Best Google Maps Extensions for Firefox 3
Social Surfing: 15+ Tools to Turn Firefox 3 into a Social Hub
6 Online Email Aggregators that Do More Than Just Aggregate
18 Tools to Turn Firefox 3 into a Communications Portal
Top 10 Online Note Taking Applications
8 Tools for Tracking Weather Forecasts in Firefox
Eight Tools for Capturing Screenshots in Firefox 3
20 Developers to Follow on Twitter
16 Great Music Add-Ons for Firefox
20 of the Best SEO Plugins for WordPress
5 Terrific Twitter Research Tools
Delicious Toolbox: 80+ Updated Tools and Resources

Tablefy : presentation de donnees en tableau pour un site ou blog

Merci à Outils Froids pour m'avoir mis sur la piste de ce service qui permet de saisir les données d'un tableau simple, de les conserver et les partager puis de les afficher par un script.
Cela évite d'insérer du code brut manuellement, ce qui est toujours aléatoire, mais aussi permet d'utiliser des tableaux déjà existants et partagés pour illustrer un article, le partage étant à double sens.
Pour illustrer donc, je reprends le 'comparatif' de téléphones cellulaires minimalistes que j'avais bricolé à la main, un peu pour m'amuser. Cette fois la présentation est plus classieuse :


go to the table!

Ne reste plus qu'à insérer le code 'embed' fourni.
Tiens, je me souviens avoir vu le genre 'media' dans la liste de typage des données, cela veut peut-être dire que je peux inclure une image de l'objet comparé, j'y retourne : dommage : apparemment, impossible de modifier une table publiée. J'ai laissé un mot sur le bulletin board pour vérifier s'il n'y a pas de solution.
Par ailleurs je précise que le nombre d'items est au maximum de 6.
Tablefy peut rendre des services et mériterait d'être implémenté.

Google Chart Api : illustration de page html episode 2

Dans le billet précédent, nous avons vu comment fabriquer un Url qui, faisant appel à l'Api Google Chart, retourne et affiche une image d'un simple et élégant tableau de style 'camembert' en 3D.

Maintenant nous allons reconstituer et afficher une carte des membres de plein droit de l'Organisation Internationale de la Francophonie en nous basant sur la carte de la francophonie de la Documentation Française :

Dans cette carte incomplète, je le précise, les pays francophones sont en rouge et les pays observateurs sont en bleu.

Voici le code employé :

chart.apis.google.com/chart?cht=t
&chs=440x220
&chtm=world
&chld=CAEGMRMGROBGPLUATHMZLAKHVNGH
&chco=FFFF50,FF0000,0000FF
&chd=t:22.0,22.0,22.0,22.0,22.0,22.0,68.0,68.0,68.0,68.0,22.0,22.0,22.0,68.0
&chf=bg,s,EAF7FE"

A insérer dans un tag image :

[img alt="Francophonie" src="http://(Code ici)"/]

Google Chart Api

couleur.com : colorimetrie et codage hexadecimal

Des sites fournissant ce service existent probablement par dizaines ou pire. Celui-ci est simple, sobre et fournit :

1. Le code héxadécimal lorsqu'on fait glisser la souris sur la palette.
2. La couleur lorsqu'on lui fournit le code héxa.

On y trouvera également une explication sur l'impact des couleurs sur l'humeur et le comportement.

Une objection cependant : il lui manque la pipette, petit instrument qui reconnait la couleur sur laquelle il est posé. Bien utile pour les webmestres.

couleur.com

Free Twitter Designer pour personnaliser le fond twitter

Bel outil de customisation du fond twitter. Il est possible d'importer une image personnelle et d'y superposer du texte, le faire tourner ;  des formes simples (un oiseau, une étoile, ..) ; de modifier la palette de couleurs du contenu Twitter. Excellente gestion de la transparence des objets. Je passe sous silence les fonds proposés par le site, quelque peu indigents.

Je ne suis pas fan du copyright qui apparaît en haut à gauche de l'image définitive, même si je reconnais volontiers la qualité du travail de ce service. J'ai donc fait quelques essais concluants, puis ai modifié les couleurs de mon image d'origine avec mon CorelDraw perso ;-)

J'ai cependant apprécié la fonction clône qui permet de reproduire le texte indéfiniment et la police sidewalk dont voici un échantillon :

Si la position du copyright était modifiable, ce serait un must.
Pour tester, c'est par ici :  Free Twitter Designer

Plus de 50 textures pour webdesigners

Des textures pour webdesigners. Voici un échantillon.

Elles sont gratuites pour la plupart. Ce qui veut dire aussi que certaines ne le sont pas :-). Le site est entièrement dédié au webdesign, à visiter.
50+ textures for Your Design Appetite and lot more Resources | Desizn Tech

Screensaver, geolocalisation, twitter, webdesign

Je ne suis pas partisan des screensavers, car j'ai de mauvais souvenirs datant de W98, mais celui-ci est sympa et utile : il  affiche des news sur une carte du monde. Les news sont en provenance de flux RSS et la cerise c'est qu'on peut rajouter ses propres flux, pour peu qu'on crée un compte (gratuit). Vu sur lifehacker

40 thèmes Twitter Pour illustrer votre fond d'écran Twitter. Perso, je l'ai fabriqué avec Corel Draw, mais quand je vois ceux-là, ben.. j'me suis pas foulé.

Et des fonds d'écran pour sites Web classiques. Quelques uns font plutôt penser aux rideaux de la cuisine de mon arrière grand-tante de Saint-Locdu-le-Vieux, mais tout n'est pas à jeter. J'ai vu quelques patchwork et Tartan qui peuvent m'être utiles.

Typetester.org : du css pour les webdesigners

 

Ce service permet de mettre au point le design de contenu texte destiné à la publication web et ce pour 3 colonnes de front. Dommage d'ailleurs qu'on ne puisse saisir 3 textes différents, le bonheur eut été complet !

 

Une fois tailles, couleurs, espacement,  alignements, etc, mis au point grâce aux trois fenêtre témoins, il ne reste plus qu'à visualiser le résultat obtenu et générer le code css gràce à un lien en haut et à gauche de la page.

D'autres options permettent de visualiser les configurations css les plus demandées ainsi que les plus récentes, une dernière permet de réinitialiser la configuration de base avec la prière bien connue : 'lorem ipsum....' amen.

Typetester

Webnode : création de pages web en ligne

Webnode, ensemble de services de création de pages web en ligne

Webnode est un service permettant de créer quasiment instantanément une page web en ligne et de la publier.

L'éditeur en ligne comprend les fonctions suivantes :

Rubrique items (fichiers)

• Nouvelle page
• Aller à la page

Rubrique page

• Publier
• Prévisualiser
• Mise en page
• Supprimer
• Propriétés
• Sécurité

Rubrique contenu

• Teste et images
• Voter
• Forum
• Galerie photos
• Articles
• Listes
• Widgets

Rubrique divers

• Navigateur fichiers
• Navigateur images
• Options de mise en page
• Langues
• Paramètres

Commentaires

L'interface de téléchargement des photos est un peu déroutante. En effet elle affiche tous les sous répertoires cachés de Windows Vista. Sans y accéder cependant, mais le fait même de les afficher alors que l'explorateur windows ne le fait pas par défaut est pour moi un peu curieux.
Pour accéder à webnode c'est ici

Tout le contenu et la mise en page ci-dessus ont été conçus et copiés-collés à partir de webnode

wectar | moteur de recherche de la relativite

wectar | nectar extracted from the glorious web

Tpl

Ce moteur recherche les sites ayant un rapport avec l'adresse URL fournie par l'utilisateur. Il se sert pour cela des bases et annuaires Dmoz et Del.icio.us. et plus précisément des catégories, sous-catégories et descriptifs irrémédiablement fournis par l'auteur du site de référence , si répértorié dans dmoz ; et des descriptifs contenus dans les bookmarks de del.icio.us. Il faut cependant un minimum de liens pointant vers l'URL de référence, sinon del.icio.us est littéralement insignifiant.
Un outil encore en beta est fourni qui permet une représentation cartographique du site et de ses sites relatifs : il s'agit de la fonction browse related web sites (alpha).

Un clic sur un site satellite et celui-ci se retrouve au centre et la recherche continue...
Enfin on peut faire un glisser-déposer du bookmarklet vers la barre d'outil du navigateur pour un usage instantané du moteur wectar sur la page courante, mais c'est devenu banal.

Degrade pour fond d'ecran - Gradient color creator - GRADCOLOR

Gradient color creator - GRADCOLOR

Ce service permet de générer un fichier de png contenant un dégradé de couleurs.

On a le choix du sens du dégradé ; largeur et hauteur de l'image ; couleurs de départ et d'arrivée. Il existe une option repeat : simple or both mais je n'en saisis pas bien la portée... En tous les cas un outil simpliste et efficace.

Sumopaint : un clone de Photoshop

Un clone de Photoshop sous forme de service web. Si vous êtes un utilisateur  assidu de Photoshop, vous ne serez pas dépaysé par  cet outil  de retouche d'images en ligne.

Et, selon la tendance du moment, le fruit de votre travail pourra être publié dans la galerie du site. J'avais il y a quelques temps effectué un tour d'horizon des outils de création et retouche graphique en ligne et ce petit bijou m'avait échappé.

Mozclouds : création de nuage de tags en direct

La première chose qui m'a surpris, c'est l'interface en français, puis la sobriété et la concision de l'interface, dont on peut voir la partie saisie des paramètres ci-dessus.

Après saisie du nom du site et des informations le programme s'en va scanner votre page d'accueil (ou celle de n'importe qui) puis établit une liste de mots précédés chacun d'une case à cocher. Car c'est l'usager qui en dernier recours choisit les mots à inclure dans le nuage.

A l'inverse de services tels que quintura , le nuage généré est statique, c'est-à-dire qu'aucun bot n'ira vérifier régulièrement vos modifications, le nuage reflète donc la page à une date donnée.

Par ailleurs, les accentués étant mal gérés, il est regrettable qu'on ne puisse carrément manipuler les mots collectés pour effectuer les corrections qui s'imposent.

le nuage est esthétique et le service dans son ensemble est une bonne méthode pour débuter dans les tags clouds.