ShadowBox

Le script qui m’a le plus surpris, incontestablement. C’est une alternative à lightbox (qui tourne sur prototype), et très certainement une des meilleures « lightbox » tournant sur jQuery. Elle affiche tout type de médias (images, vidéos, flash, iFrames …), et de manière très confortable. Son intérêt réside dans son installation. Linkez le fichier JS (balises <script>) et le fichier css dans votre header, il se charge du reste, il reconstruit virtuellement son arborescence et reconnait même la lib que vous utilisez (il peut tourner sur mootools, jquery et autres…). Seul défaut, seul la balise titre donne des infos sur le média affiché, on ne peut pas rajouter de description.
Site – Demo sur la homepage

jQuery UI Tabs

Alors là, c’est un peu compliqué au premier abord, mais l’implémentation est plutôt simple au final. Jquery UI est un framework pour jQuery qui permet la mise en place facile de certains éléments. Une sorte de plugin pour jQuery. La fonction tabs est très simple à mettre en place, une fois que le framework est intégré (à télécharger avant toute chose). Ce script permet donc d’afficher du contenu relatif à divers onglets, sans recharger la page (attention, ce n’est pas du Ajax, c’est juste un affichage/masquage de DIVS).
En fouillant sur le site, vous trouverez d’autres scripts faciles à intégrer (progress bars, accordion, sliders etc…)
Site – Demo

jquery.scrollable

Un script facile à implémenter, permettant de créer un « carousel ». Facile à installer, facile à configurer, et facile à customiser. De nombreuses options permettent une implémentation parfaite : Version horizontal, Vertical, Scroll avec/sans boutons, Scroll avec la molette de la souris, nombre d’items à scroller etc…). Très bien foutu, il peut néanmoins s’avérer un peu capricieux si il est couplé avec d’autres scripts. La documentation s’avère utile.
Site – Demo complète sur la homepage, autres démos à voir sur le site.

jQuery ajax form

Si vous avez besoin d’implémenter un formulaire de contacts sur votre site, alors ce script est idéal. D’une part, c’est de l’Ajax, ce qui permet au « formulaire » de juger la manière de traiter les informations saisies, et d’une autre part, il fourmille d’options utiles (champs obligatoires, reconnaissance d’emails, d’url, AVEC feedback visuel lors de la saisie d’informations). Bien documenté, et bien foutu.
Site – Demo

Voilà, je précise, je n’assure pas le service après vente de ces scripts
Bon jeu, et amusez vous bien

Second billet de la journée, ça tartine sec !
Il y a deux jours, j’ai décidé de me trouver un éditeur html/css digne de ce nom pour remplacer dreamweaver (que j’utilise uniquement pour écrire mon code à la main hein, et pour la preview, bien utile pour les vérifications rapides). Solution un peu lourde pour coder, il faut en convenir, et certainement pas spécialisée dans cette tache (beaucoup d’artifices pour rien), j’ai décidé de trouver un éditeur CSS digne de ce nom.

Après un bref essai de textmate (bien foutu, mais souffre de pas mal de défauts), je suis tombé sur CODA. Et que dire, à peine arrivé sur le site officiel du soft, j’étais séduit. Une petite parenthèse, c’est un soft MAC, et c’est un soft PAYANT, que je vais m’acheter à ma prochaine paye (79euros à 89euros). Et en passant, nous devons ce logiciel à Panic (l’éditeur), à qui l’ont doit par exemple l’excellent Transmit (client ftp)

Mais qu’à ce logiciel de si bien pour mériter un achat, surtout à ce prix, alors que des alternatives moins chères pourraient éventuellement valoir le coup?

Nous y venons.

Coda, c’est un logiciel qui rassemble en un seul point tout ce que vous avez besoin. En bref, vous avez en premier temps un gestionnaire de sites. Ce gestionnaire de site vous permet de synchroniser vos fichiers locaux avec des fichiers distants (ordinateur > serveur). Un client ftp est intégré Mieux encore, une interface terminal vous permet par exemple d’exécuter toutes sortes de requêtes, pour gérer au mieux vos bases de données.

C’est déjà là un argument de choc, ça évite les codeurs de switcher entre un éditeur, un client ftp, et le terminal. Ca ne s’arrête pas là, une fonction de preview, directement dans la fenêtre de votre logiciel vous permet d’avoir un aperçu de votre logiciel en conditions de surf. A utiliser avec parcimonie, cela utilise le moteur de firefox, mais ce n’est pas firefox. Certes performant, il faut se méfier de ces choses là (comme je disais avec dreamweaver), ça permet essentiellement de voir des modifications rapides (genre modifs typographiques, colorimétriques, si un élément s’affiche bien etc…) sans avoir à checker en local ou sur le net.

Autre chose moins utile, mais que les plus assistés (au sens non péjoratif) apprécieront, un éditeur CSS visuel. Globalement, on retrouve sensiblement la même interface que sur golive. Cela permet d’avoir une assistance visuelle à la création, je n’ai pas testé car ça ne m’intéresse pas. Maintenant que j’ai appris à coder à la main, ça me dérange un peu d’avoir un truc qui fait à ma place, sans trop savoir ce qu’il fait. Je ne dirais donc pas si le code généré est propre ou non, sachez simplement que la fonction existe.

Enfin, dernière fonctionnalité sympa mais sans plus, c’est les « books ». Le logiciel vous donne accès à 4 livres de l’éditeur avec diverses références. Par exemple, en CSS, le book a un index composé de toutes les balises css. Si vous cliquez sur une balise, celle-ci vous sera indiquée. C’est très pratique, et les livres sont complêts. Par ailleurs, un bouton très discrêt vous permet d’acheter les livres en version papier.
Il y a donc html, css, php et javascript. Cool non?

Ah, le partage. En cas de projets à plusieurs collaborateurs, il est possible de partager les fichiers. Ca ne vaut pas un SVN, mais c’est déjà quand même pas mal utile

Concernant l’édition en elle-même, de nombreuses assistances sont mises en place. Sans être opressantes, elles sont carrément utiles. Autocompletion vous permet de taper vos balises et au fur et à mesure que vous tapez le logiciel vous fait des propositions. Par exemple, si vous commencez à taper « co » il vous proposera « color, content, content-increment » et ainsi de suite. C’est quand même super pratique, peut être trop addictif (et dur si on doit passer ensuite sur un editeur sans autocompletion). L’intérêt étant que des fois on ne connait pas l’ensemble des possibilités d’une propriété, et le logiciel vous les propose toutes.

Petit bémol toutefois quand à la recherche dans vos documents. Pomme+F fera apparaitre un menu dans la barre du haut, avec son formulaire de recherche. Hélas, la recherche ne se fait pas en temps réel, mais vous devez appuyer sur entrée pour la valider. C’est un peu dommage quand la concurrence le propose. Mais je ne doute pas que cela arrivera rapidement.

Enfin, et pour en finir avec ce test, un petit tour dans les options du soft nous révellent un soin tout particulier à la « customisation » du soft. On retrouve la traditionnelle coloration of course, mais globalement une quantité ENORME de réglages est affichée là.

Le site web de Panic, l’éditeur
Le site web de Coda, le logiciel

Imrallion, tout content