INXTENSE

Un peu de pub pour moi ça fait pas de mal !

J’ai fait l’effort de développer 2 petits widgets Yahoo! gratuits il y a quelques paires de mois. Rien de bien extraordinaire et je n’ai pas fait de mises à jour depuis, mais ça m’a permis de faire une petite incursion dans le monde des gadgets de bureau.

J’espère pouvoir profiter de cette expérience pour tenter d’aller un peu plus loin, quelques projets se bousculent dans ma tête et ça serait pas mal de les faire sortir prendre l’air.

En attendant, voici les 2 widgets créés par votre serviteur :

- Electorloge, la plus simple des horloges de bureau. Très simple à développer, elle remporte un petit succès dont je ne suis pas peu fier. A ce jour elle a été téléchargée plus de 5000 fois ! Notez l’hommage aux Troublemakers pour le nom, presque identique à un de leurs morceaux.

- OOS (prononcez « Où est-ce »), pour retrouver une ville française à partir d’un code postal ou inversement.

Pas mal de galère pour coordonner les codes postaux avec les villes et agréger plusieurs bases de données, et des soucis avec les dom-tom.

Reste que ça fonctionne pas trop mal. Il faudrait que je pense à une mise à jour quand même un des ces jours. Ce widget a été téléchargé presque 700 fois à ce jour, c’est plutôt sympa ^^)

Je profite du dernier jour du concours Alsacréations « Cascading Style Summer Refresh 2010″ pour faire un petit article. Il y avait longtemps.

Le but de ce concours est de rafraîchir un site existant avec les dernières techniques HTML5 et CSS3. Challenge plutôt intéressant pour se familiariser avec les nouvelles technos tout en s’amusant.

J’ai décidé de profiter de l’occasion pour mettre à jour le site de Véronique Didierlaurent qui me fait confiance depuis quelques années maintenant pour maintenir son site. Ce sera une surprise pour elle, et j’espère qu’elle aimera la nouvelle version. Au pire des cas on pourra le refondre car pour l’exercice du concours, seul le design a été modifié, les données du site (textes, photos) restant strictement les mêmes.

J’espère obtenir un bon score, l’objectif est la première place naturellement, mais il y a plus de 100 candidats, et pas des moindres ! J’ai quand même espoir de faire un score sympathique étant arrivé 4ème au dernier concours (Embauchez-moi !).

Les votes vont donc commencer dès le 27 septembre prochain, les résultats seront connus le 12 octobre 2010 à midi. Je croise les doigts !

Smashing Magazine, un site orienté web 2.0 par et pour ceux qui ont le nez dedans.

Des ressources (en anglais) pour un grand nombre de catégories qui touchent au webdesign sont y proposées.

Tutoriaux, icônes, outils, langages de programmation, astuces, emploi, forums …

Y aller ou pas : Smashing Magazine

Visibone, un incontournable du poster ou de la brochure de Nerd.

Aller hop : Visibone.com

Savez-tu que les polices par défaut installés sur les systèmes d’exploitations (Windows, OSX, Linux, etc?) possèdent des ressources insoupçonnées !

En effet, les bibliothèques de caractères renferment une large gamme de symboles et caractères spéciaux qui restent très peu utilisés.

Nous connaissons tous les symboles comme les monétaires ($, £, €, etc), les particularités typographiques (ç, ã, œ, etc), les signes mathématiques (+, =, Σ, etc), les signes de ponctuations (!, ?, :, etc) et autres signes divers (@, ¤, ], #, etc), tous relativement accessibles facilement à partir du clavier.

Mais il en existe bien d’autres ! L’excellent site d’Allan Wood en propose une liste impressionnante !

On peut citer les flèches ( ▸ ► ↖ ↝ ↺…) dont la liste est étoffée, les étoiles (★ ☆…), les opérateurs mathématiques (≃ ≤ ⊎ √ ∞…) ou diverses autres symboles plus rigolos ou anecdotiques (☂ ☎ ☞ ☠ ☭ ♂ …), les signes du zodiaque (♌ ♋ ♒…), les pièces de jeux d’échecs (♔ ♖ ♞…), les symboles des cartes à jouer (♠ ♥ ♦ ♣…).

La liste est très, très longue.

Mais utiliser ces caractères spéciaux comporte des risques. Par exemple sur un site web il faudra que la police contenant les symboles utilisés soit présente dans l’ordinateur du visiteur. La majeure partie de ces signes est incluse dans les polices systèmes de base (comme Andale, Arial, …), mais il y a quand même pas mal de chances qu’un problème d’affichage survienne, sur d’ancienne version de navigateurs internet par exemple.

Autre contrainte : coder le symbole. En effet, il faudra utiliser le code Décimal du caractère (l’adresse de son emplacement dans la table de caractères en quelque sorte …). Par exemple, pour afficher un bonhomme de neige on utilisera son code décimal ’9731′, précédé de la notation ‘&#’ et suivi d’un point-virgule, le tout placé dans le code source de la page HTML. Ce qui donne ‘☃’ et ce qui affiche : ☃ … bof,  pas très beau quand c’est affiché brut de brut ..

Mais tu l’as sans doute deviné, comme ces caractères sont directement extraits des fontes, on peut donc jouer avec les styles (la taille, la couleur, etc) : ☃ ou ☃

Il faut savoir que ces symboles sont accessibles facilement sur des logiciels comme Microsoft Word ou OpenOffice Writer .. par contre les codes ne correspondent pas toujours à ce qui est affiché sur le site d’Allan. Pour afficher un caractère spécial dans Word, reste appuyé sur la touche ‘ALT’ et tape 9731 par exemple, relâche la touche ‘ALT’ et hop, un joli caractère s’affiche !

Enfin, pour ceux qui cherchent toujours comment afficher un E accent aigu majuscule (É) avec Windows, il faut taper ALT+144, pour le Á ALT+181, le Ç ALT+128, etc
S’aider d’un Bloc-Note ouvert sur le bureau pour taper les combinaisons s’avère très pratique : il suffit ensuite de copier/coller le signe.
Tout-ça parce que le clavier n’a pas suffisamment de touches !!

Aller hop : Pas mal d’infos à ce sujet sur ce forum.

Agé de 9 ans à peine, Lim Ding Wen propose une application pour iPhone qui permet de dessiner avec les doigts sur l’écran (ça change des traces de crayons de couleurs sur les murs de la cuisine !).

Cette nouvelle a fait le tour du web en quelques jours, il faut dire que ce petit génie en a impressionné plus d’un, moi y compris.

La petite histoire veut qu’il ai développé  « Doodle Kids » à l’origine pour ses petites soeurs. Plutôt sympa Lim !

On trouve son application gratuitement sur l’AppStore d’Apple. D’autres vont suivre, Lim ayant annoncé, sous la tutelle de son père, de nouveaux jeux en cours de développement.

Tu peux voir le code source de « Doodle Kids » sur le site entretenu par son propre père, où tu peux également en apprendre un peu plus sur le mythique Apple II Gs !

WordPress permet de gérer des catégories et des listes de liens, qui s’afficheront généralement dans la « sidebar » (colonne de la page), mais bizarement, il ne permet pas de réorganiser l’ordre d’affichage ces derniers. Il faut donc prendre la précaution de saisir sa liste de liens dans l’ordre désiré … mais si on veut modifier la liste, mettre le troisième lien en premier par exemple, il faut tout recommencer !

Plutôt fastidieux ! Heureusement, il existe un plugin qui va faciliter le travail, grâce à un système de drag’n drop des plus simple.

« My Link Order »

Une fois installé, l’accès au plugin se fait par la catégorie « Articles » de l’admin du site. On voit la liste de nos liens qui apparaît dans des boites grises. Il suffit de déplacer les boites et sauver la modification, l’ordre des liens sera mis à jour sur la page du site !

Attention toutefois de penser à modifier l’attribut « order by » de la fonction « get_links() » qui se trouve dans le fichier « sidebar.php » du thème WordPress.

En effet, au moment de l’installation de My Link Order, un nouvel attribut est ajouté à la table « wp_links » de la base de donnée wordpress. Cette nouvelle colonne est nommée « order », elle est de type « integrer » (limité à 4 chiffres).

Cet attribut « Order by » est généralement configuré sur la colonne « id » de la base de donnée : c’est à dire que le tri des liens affichera un classement par numéros d’enregistrement des liens.

Il faut donc y spécifier la colonne « order » pour que le tri (qui sera ascendent) soit effectué sur cette dernière et ainsi que les modifications des liens soit pris en compte au moment de l’affichage ! Au final, la requête SQL contiendra un « ORDER BY order » … ça sonne plutôt logique ! lol

Aller hop : Le site « My link Order »