davidtouvet.com

Merci à Steph (encore!) pour m’avoir fait découvrir cet éditeur de texte libre très puissant à mon goût et bien fait pour OS X: Smultron (lire la notice de Framasoft). Comme j’ai mis du temps à trouver un soft de cette qualité, ça intéressera sûrement d’autres osxiens…

Si comme moi vous n’arrivez toujours pas à vous faire à l’éditeur WYSIWYG de WordPress (essayez de copier-coller un code embed provenant de youtube par exemple en ayant pris soin avant de basculer en mode HTML et vous verrez le désastre…), vous n’avez comme autre choix que d’utiliser les quicktags de WordPress, sorte de petits boutons cliquables nous épargnant la saisie fastidieuse des balises HTML.

Eh bien, sachez qu’il est possible de les éditer ces petits boutons pour se configurer la barre quicktags de nos rêve. Deux cadeaux: un tutoriel qui explique tout cela et une barre améliorée de la mort qu’il suffit de charger sur son serveur à la place de l’originale.

Par exemple, lorsque j’ajoute une citation, la barre orginale me permet en cliquant sur blockquote d’obtenir ceci:

<blockquote></blockquote>

Jusqu’à présent, je devais rajouter à la main un attribut cite et la mention source pour obtenir ceci:

<blockquote cite="">

Source</blockquote>

Il suffit de repérer dans le fichier quicktags.js le code suivant:

edButtons[edButtons.length] =
new edButton('ed_block'
,'b-quote'
,'\n\n<blockquote>'
,'</blockquote>\n\n'
,'q'
);

et de remplacer par

edButtons[edButtons.length] =
new edButton('ed_block'
,'b-quote'
,'\n\n<blockquote cite="">'
,'\n\nSource</blockquote>\n\n'
,'q'
);

Et pour finir en beauté, on remarquera que l’avant-dernière ligne indique le raccourci clavier du quicktag, ici “q”. Sur OS X et Firefox, utilisez la touche Ctrl+q, sur Windows, essayez par exemple Alt+q ou ?

… sans connaître forcément le langage HTML. Lorsque vous devez fournir un contenu pour une page web sous forme HTML et que vous n’avez rien sous la main pour cela, vous pouvez utiliser l’éditeur de démonstration de FCKeditor en ligne.

FCKeditor est un éditeur WYSIWYG que l’on retrouve dans de nombreux sites web pour composer du contenu. Pour ceux qui auraient de la peine avec ce terme barbare, en voici une définition pêchée sur Wikipédia:

WYSIWYG est un acronyme (de la locution anglaise What you see is what you get signifiant littéralement « ce que vous voyez est ce que vous obtenez » ou plus élégamment « tel affichage, tel résultat ») couramment utilisé en informatique pour désigner les interfaces utilisateur graphiques permettant de composer visuellement le résultat voulu, typiquement pour un logiciel de mise en page, un traitement de texte ou d’image. Il désigne, de fait, une interface « intuitive » : l’utilisateur voit directement à l’écran à quoi ressemblera le résultat final (imprimé).

Source

Marche à suivre: se rendre sur l’éditeur de démonstration de FCKeditor et taper son texte comme on le ferait avec un traitement de texte par exemple. Les boutons sont suffisamment explicites pour permettre d’y ajouter des liens vers des pages web ou des images par exemple. Cliquer à la fin sur l’icône “Source” et vous voilà prêt à copier-coller du beau code HTML. Facile et rapide non?

Dans “AJAX, un nouveau modèle d’interaction sur le Web“, Jean-François Petit explique en quoi AJAX devrait grandement améliorer l’expérience utilisateur des applications Web, tels que les services bancaires en ligne et la navigation dans des catalogues de produits. Avec comme toujours l’envers de la médaille:

L’envers de la médaille: la belle simplicité du modèle Web actuel va disparaître, et le développement devra se faire de plus en plus avec une gestion de projet beaucoup plus solide que celle qu’on trouve actuellement. Les attentes des utilisateurs face aux services disponibles sur le Web vont augmenter, et ceux qui offrent ces services (entreprises ou gouvernements) devront investir encore plus pour leur développement. L’improvisation dans ce domaine ne sera plus de mise, car on ne pourra plus simplement ouvrir un fichier HTML et effectuer quelques corrections. Ceci dit, on a vu passer beaucoup de soi-disant “révolutions” depuis dix ans (Java, Flash, XML, CSS, etc.), mais cette fois-ci, c’est l’amalgame de plusieurs technologies en voie de standardisation qui composent le modèle AJAX. Pour une fois, le virage est très probable et il devrait ouvrir des possibilités très intéressantes à la fois aux concepteurs techniques et surtout aux concepteurs d’interaction.

Source

Presse-citron présente xFruits, une sorte générateur de contenu s’appuyant sur la technologie RSS. Les possibilités sont alléchantes:

• réunir plusieurs fils RSS dans un seul (ça commence bien)
• générer une page web qui a de la gueule à partir d’un fil RSS (en fait l’inverse de ce qui se fait normalement, puisqu’en général, à partir d’une page web, on génère un fil RSS)
• pareil que le point précédent mais pour un mobile…
• envoyer des mails à une boîte xFruits qui les mixera dans un fil RSS (original!)
• créer un document PDF à partir d’un fil RSS

Voilà des développeurs qui savent utiliser les neurones car les idées proposées sont utiles, le site est clair, le résultat à la hauteur des annonces de la homepage.

Avis aux webmaster en herbe, un nouvel outil qui fuzze pour apprendre à marier les couleurs entre elles, et en Ajax qui plus est: Color Tool (pour commencer, cliquez sur “Click here to start”…).

Quel titre… l’outil déniché sur Olivier Vaunois est néanmoins très sympa. Imaginons la situation suivante: vous êtes en train de rédiger un billet pour un blog et paf vous aimeriez y insérer une photo issue de votre compte Flickr. Mince, comment qu’on fait déjà??? En général, on laisse tomber et on se dit qu’on retentera son coup la prochaine fois.

Quickr Pickr permet de réaliser cette tâche avec une simplicité désarmante. Mode d’emploi… exclusif:

• rendez-vous sur le site de Quickr Pickr
• tapez votre username et renseignez un tag si vous le désirez
• cliquez sur display photos et savourez le spectacle
• cochez les photos à insérer
• modifiez les paramètres (taille, liens qui pointent vers?, etc.)
• cliquez sur “Generate HTML…”
• voilà c’est fait, vous pouvez maintenant copier-coller le code HTML à coller directement dans votre billet

La classe non?

RSSxl est un outil en ligne permettant de convertir une page HTML en RSS 2.0. Pour les webmasters désireux de ne pas se faire rssifier leur contenu, il possible de demander de bloquer l’accès à leur site (if you do not wish this tool to be used to access your website, then please email webmaster at wotzwot.com with the website address and we will block the tool from accessing your site).

Source: Urfist Info > RSSxl ou comment convertir une page HTML en RSS