Archives pour ‘ Composants

vlaCalendar, calendrier Ajax et Mootools 16 July 2008 à 7:08 am par myrmex

Le Vista Like Ajax Calendar (vlaCalendar) la version 2 est une version Web non intrusive du calendrier présente dans la barre de tâche Windows. vlaCalendar utilise le framework javascript Mootools, AJAX, XHTML, CSS et PHP.

Calendrier mootools, ajax, php

La mise en oeuvre de vlaCalendar est assez simple… Comme à l’habitude, il faudra ajouter :
deux ressources javascript “vlaCal-v2.1.js” et “mootools-1.2-core.js”, le fichier css “vlaCal-v2.1.css”, et un code Javascript gérant les événement DOM avec DOMREADY de Mootools dans le HEAD de votre page web. Ensuite, dans vos formulaires, sur votre zone de saisie, ajouter id=monvlacalendar. Rien de bien mechant…

vlaCalendar possède une licence Creative Commons Attribution- NonCommercial 3.0. Ce qui veut dire que vous ne pourrez pas utiliser cette ressource dans vos applications professionnelles…

Site Internet : vlaCalendar
Licence : Creative Commons Attribution 3.0

> Cake, templates gratuites pour newsletter par myrmex 15 July 2008 a 7:57 am et a Aucun commentaire

Cake présente 17 modèles gratuits de newsletter. Vous trouverez des templates pour 1 colonne et 2 colonnes.

template gratuite pour newsletter newsletter template

L’intérêt de ces templates est qu’elles sont livrées par une entreprise spécialisée dans l’e-mailing. En effet, vous aurez un exemple concret des messages légaux devant impérativement être mentionnés, la procédure de désabonnement obligatoire, et le traditionnel lien pour visionner une version web de votre newsletter.

Site Internet : Cake
Licence : Gratuit

> pChart, une classe PHP pour générer vos graphes par myrmex 07 July 2008 a 12:10 am et a 2 Commentaires

pChart est une classe PHP (orientée framework) pour créer des diagrammes. La plupart de bibliothèques de diagrammes sont payantes alors que pChart est libre et gratuit.

graphes php, pchart

Les données peuvent provenir par requêtes SQL, fichiers CSV ou etre fournies manuellement.
Un accent particulier a été mis sur le rendu du graphique des diagrammes en ajoutant un algorithme d’anti aliasing. Actuellement, cette option ralenti le rendu et fait l’objet d’optimisation…

Pour fonctionner, pChart a besoin de la librairie GD.

Site Internet : pChart
Licence : GNU General Public License

> HTML Form Elements, personnalisation graphique de vos formulaires par myrmex 04 July 2008 a 12:10 am et a 7 Commentaires

HTML Form Elements permet de personnaliser l’aspect graphique des boites à cocher (Checkboxe), des boutons radios (Radio Buttons), des boites de sélection (Select Lists) de vos formulaires HTML.

personnalisation formulaire html

Ajoutez un petit fichier JavaScript, un fichier CSS et ajoutez un “class=”styled”" dans les éléments de votre formulaire et le tour est joué. De plus, ce script est non intrusif et si l’exécution du code JavaScript n’est pas possible, votre formulaire s’affichera avec les paramètres de base.

Site Internet : HTML Form Elements
Licence : Creative Commons 3.0

> FlowPlayer, lecteur flash gratuit par myrmex 27 June 2008 a 12:05 am et a 3 Commentaires

FlowPlayer est un lecteur vidéo Flash. Vous pouvez l’utiliser dans vos pages de HTML pour “jouer” des fichiers vidéo. Il est facilement personnalisable : couleur, apparition de la barre de lecture, options affichées ou cachées… tout a été pensé pour rendre ce lecteur le plus polyvalent possible.

player flash gratuit

Pour insérer ce lecteur dans vos pages HTML, il suffira de placer un DIV tout bête qui fera référence à un petit script… rien de très complexe… et vous avez votre solution vidéo gratuite… chez vous… à la maison !

Site Internet : FlowPlayer
Licence : GPL

> FindSounds, moteur de recherche sonore ! par myrmex 25 June 2008 a 12:05 am et a Aucun commentaire

FindSounds comme son nom l’indique permet de faire des recherche sut un type de fichier précis : les fichiers de son.

findsounds, un moteur de recherche de sons

L’interface se présente comme n’importe quel moteur de recherche avec quelques petites différences : vous pourrez affiner votre recherche au travers de 5 critères :

  • formats (AIFF, AU, MP3, WAVE)
  • nombre de canal (mono, stéréo)
  • résolution (8 bits ou 16 bits)
  • taux (8000 Hz, 11025hz, 22050Hz, 44100Hz)
  • taille du fichier (de 16 Ko à 2 Mo)

Ensuite tapez le thème désiré… lancez la recherche et écoutez les sons trouvés avant de les télécharger.

Site Internet : FindSounds
Licence : Gratuit

> WTag, un shoutbox PHP, Javascript et Ajax par myrmex 24 June 2008 a 12:05 am et a 2 Commentaires

WTag est un shoutbox (chatbox ou le mini chat) qui est écrit en JavaScript et PHP et qui utilise Ajax pour échanger des données avec le serveur sans avoir besoin de recharger entièrement la page web.

script shoutbox php, css et ajax

WTag utilise MySQL pour stocker les données, a une gestion des smileys via dropdown que l’on peut activer ou désactiver, une gestion des mots interdits et un filtre anti spam.

WTag propose également les caractéristiques suivantes :

  • Gestion des liens hypertexte (URL)
  • Codage UTF-8 pour des chats multilingues
  • Conformité avec XHTML 1.0 et CSS
  • Personnalisation de WTag en éditant les fichiers CSS

Site Internet : WTag
Licence : GPL Version 3

> Google Charts, moteur de génération de graphiques en ligne. par myrmex 19 June 2008 a 12:05 am et a 4 Commentaires

Google Charts n’est pas le service du géant américain le plus connu et quel dommage ! En effet, Google Charts permet de générer des graphiques dans votre page web très facilement et sans la moindre installation !

Google Charts est une API qui fonctionne par requête HTTP GET. Toutes les données du graphique (taille, type, valeurs numériques, labels, couleurs etc…) sont passées dans la chaîne de requête (http://charts.api.google.com/etc…), et en retour, une image s’affichera et représentera le graphique demandé. L’avantage le plus évident est que vous n’aurez plus à générer vous même les graphiques coté serveur. Votre seule action est d’écrire l’URL, et l’API CHARTS de Google fait le reste !

Exemple en direct :

La requête “http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=600×200&chl=Free|Tools” donnera le graph suivant :

Free Tools Chart

Les types de graphiques sont les suivants :

  • Lignes
  • Barres
  • Camemberts
  • Diagrammes
  • Nuages de points
  • Cartes
  • Gauges

Simple, efficace, puissant et rapide… que demander de plus… que l’api passe open source ? ;-)

Site Internet : Google Charts
Licence : Gratuit

> jqPlanize, génération dynamique de vos tables de matières par myrmex 16 June 2008 a 1:22 am et a 1 Commentaire

Nicolas Perriault, sur son site Prendre Un Café, vous propose une petite ressource tout simplement géniale qu’il présente ainsi : “jqPlanize permet de générer automatiquement une table des matières extraite de la hiérarchie induite de la séquence des titres d’un document HTML”…

Autrement dit, utilisez les balises H1, H2, H3 etc… et laissez jqPlanize générer une table de matière qui pourra “s’incruster” dans votre page HTML et même apparaitre en avant plan de votre page web à la manière d’une fenêtre lightbox.

plugin jquery pour creation d\'une table des matieres

La documentation (in English) est complète et bien faite (avec quelques exemples live).

Toutefois, Nicolas nous avertit que ce code évoluera car il constate quelques “problèmes” sous Opéra 9, et de mon coté, j’ai testé ce code sous IE7 et il ne semble pas fonctionner non plus… Mais, et c’est la raison pour laquelle j’ai retenu cette ressource, Nicolas nous promet des updates à venir…

Site Internet : jqPlanize
Blog : Prendre Un Café
Licence : MIT

> TCPDF, classe PHP pour générer un document PDF par myrmex 13 June 2008 a 12:05 am et a 3 Commentaires

tcpdf, generateur de fichier pdf avec une classe php

TCPDF, qui s’appuie sur FPDF et lui apporte son lot de fonctionnalités et améliorations, est une classe PHP qui permet la générer à la volée et assez simplement des fichiers PDF.

Avec la dernière version de TCPDF, vous aurez :

  • Internationalisation des documents
  • Support UTF-8
  • Support Unicode
  • Support de la compression de page (nécessite l’extension zlib)
  • La publication de code xhtml
  • Extension des polices
  • Saut de page automatique avec numérotation
  • Support des couleurs
  • Support des images (Jpeg, Png)

TCPDF a déjà gagné ces lettres de noblesse et il est utilisé par de nombreux projets Open Source, notamment Joomla et Drupal.

Site Internet : TCPDF
Licence : GNU LESSER GENERAL PUBLIC LICENSE