Bienvenue sur Think-Underground.com

Logiciels libres, photographie, musique, énigmes, humour et coups de cœur

Tag - Librairie

Fil des billets - Fil des commentaires

mercredi 3 août 2011

Des arborescences avec Mootools

Par djib le mercredi 3 août 2011, 13:33 - Développement et ergonomie

Lorsqu'on développe des sites ou plutôt des progiciels web, on est souvent amené à devoir créer des arborescences. J'affectionne particulièrement Mootools comme framework javascript (même si jQuery semble aujourd'hui devenir la référence).

Mif.Tree, librairie pour faire des arborescences avec MootoolsPendant longtemps j'ai utilisé mootree pour créer mes interfaces : simple mais efficace. J'ai depuis découvert une autre librairie : Mif.Tree. Comme vous pourrez en juger en voyant les démos sur le site officiel, les possibilités sont vraiment assez avancées :

Mif.Tree est donc une librairie vraiment bien pensée et puissante, la documentation est abondante et claire, et c'est libre ! (Creative Commons 3.0 ) Que demander de plus ?

2 commentaires aucun rétrolien

mardi 12 avril 2011

Open Web Tools Directory : répertoire d'outils de développement web

Par djib le mardi 12 avril 2011, 13:04 - Développement et ergonomie

Mozilla dispose d'un projet répondant au nom de Open Web Tools Directory. Ce projet répertorie une multitude d'outil pour faire du développement web en se basant sur des standards ouverts[1]. On trouve de tout : logiciels, extension, bibliothèques, frameworks, etc.

Je trouve qu'il est intéressant pour un développeur web de parcourir la liste. À titre personnel j'y retrouve pas mal d'éléments connux (Mootools, jQuery, Firebug, Selenium, …) mais aussi des choses assez intrigantes et intéressantes (Notable, SpriteMe, XRefresh, Dummy Image, …).
À lire et à tester.

Notes

[1] Je poste volontairement le lien vers la version simplifiée et non la version plus évoluée que je trouve assez inexploitable.

aucun commentaire aucun rétrolien

jeudi 19 août 2010

Javascript : Logger avec Blackbird

Par djib le jeudi 19 août 2010, 13:02 - Développement et ergonomie

En triant mes favoris, j'ai retrouvé Blackbird, non pas des Beatles, mais de G. Scott Olson. Cette petite librairie, permet de tracer (logger, journaliser, historiser, …) du Javascript.

BlackbirdLa mise en place de la petite console se fait en quelques secondes, est compatible avec presque tous les navigateurs, et permet de débugger facilement un script ou bien de tester les performances de différentes fonctions.

Sous Firefox c'est moins direct que Firebug, mais c'est simple, c'est efficace, et donc ça me plaît :D

aucun commentaire aucun rétrolien

mardi 2 mars 2010

Convertir une CSS LRT en RTL

Par djib le mardi 2 mars 2010, 13:55 - Développement et ergonomie

CSSSi vous avez un site polyglotte que vous désirer y ajouter des langues lisibles de droite à gauche (typiquement l'Arabe ou l'Hébeux), il vous faut très probablement repenser profondément la présentation de votre site.

Heureusement CSSJanus est là pour vous aider. La solution n'est pas forcément miraculeuse, mais elle a le mérite d'être relativement efficace et donc de vous dégrossir une grosse partie du travail. N'hésitez donc pas à lui injecter quelques feuilles de style pour les convertir en RTL (right-to-left, ie : de gauche à droite).

aucun commentaire aucun rétrolien

dimanche 21 février 2010

Javascript : filtres et tris animés

Par djib le dimanche 21 février 2010, 18:52 - Développement et ergonomie

Pour les amateurs de Javascript, jetez un œil à Quicksand, une librairie qui permet de faire des tris ou des filtrages de manière animée et assez réactive. Testez la démo sur la page d'accueil pour vous faire un idée. Le tout est basé sur jQuery, et c'est libre (MIT et GPLv2).

2 commentaires aucun rétrolien

mercredi 13 janvier 2010

Blueprint CSS : un framework CSS très pratique

Par djib le mercredi 13 janvier 2010, 13:12 - Développement et ergonomie

Blueprint CSS

Blueprint est un framework CSS, un bien grand mot pour signaler un ensemble d'outils pour vous aider à mettre en place un site internet plus rapidement. On trouve :

  • une réinitialisation de nombreux paramètres de style qui diffèrent selon les navigateurs (marges de la page, espacement entre des puces, …) ;
  • des polices de caractères et des tailles d'éléments (titres, sous-titres, paragraphes) homogènes ;
  • des styles pour les éléments de formulaire un peu plus élégants que par défaut ;
  • et des classes vous permettant de construire rapidement une page mise page en colonnes. Pour faciliter la réalisation de cette dernière, vous pouvez même activer l'affichage d'une grille d'alignement.

Attention à ce dernier point toutefois : cette mise en forme avec des classes est certes très pratique, mais il faut l'utiliser avec des pincettes puisqu'elle introduit une forte dépendance entre le code source de la page et sa feuille de style !

Un exemple de page réalisé très simplement est disponible dans les pages d'exemples de Blueprint. Elle est certes dépouillée, mais très propre et cohérente, et ce pour un minimum d'effort.

N'hésitez pas à utiliser Blueprint ou tout autre framework CSS à la prochaine réalisation d'une maquette ou d'une petite publication en ligne. Préférez peut-être votre propre feuille de style pour des projets plus conséquents.

10 commentaires aucun rétrolien

- page 1 de 3