Set me Free, little girl ...
Hébergement OVH
Navigateur Firefox
Ouvrir ici mon player Deezer
+> make Dolly ship inxtense clône

INXTENSE

http://inxtense.net

Archive

Archives pour la catégorie ‘Code’


Smashing Magazine : Source Codeur

22/02/2009

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 : L’oeil et la main

22/02/2009

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

Aller hop : Visibone.com

Fontes et symboles : ce que cache la police

15/02/2009

carac_speciaux.jpg

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.

Doodle Kids : une appli iPhone pas comme les autres

15/02/2009

lim_ding_wen.jpg

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 !

Plugin : My Link Order

07/02/2009

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 !

linkorder.jpgPlutô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).

get_links.jpg

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 »

PoEdit : Modifier les traductions par défaut du thème WP

07/02/2009

Lorsqu’on choisi d’utiliser un thème pour Wordpress, elles incluent généralement différents langages. Les traductions sont gérées dans des fichiers portant l’extension .po et .mo dans le répertoire « languages » de ton thème.

Les libellés contenus dans ces fichiers sont utilisés pour les textes récurrents affichés par le thème, comme par exemple « haut de page », « pas de commentaires », « cliquez-ici », etc.

Mais comment modifier ces textes figés, sachent que le .mo est codé en hexadécimal et que c’est ce dernier qui va être utilisé par Wordpress !

poedit.jpg

Rien de plus simple, le freeware « PoEdit » va te permettre de personnaliser les traductions en gérant la conversion du fichier .po en .mo. C’est donc le fichier .po qu’il faut modifier : ouvre-le (la version Française « fr_FR.po ») avec PoEdit, modifie les textes désirés et enregistre le tout ; le fichier .mo est automatiquement mis à jour. Il ne reste plus qu’à mettre à jour les deux fichiers sur ton site, via un client FTP.

Attention toutefois de ne pas modifier les variables de programmation précédés des caratères & ou % par exemple : ce sont des variables utilisés pour afficher des dates, des mises en formes de textes, etc !

Télécharger PoEdit sur SourceForge ; Donations

Plugin : Twitter for Wordpress

07/02/2009

Un des avantages de wordpress, parmi la simplicité d’installation, la possibilité de modifier le code source, la simplicité de publication et de configuration, c’est aussi le foisonnement de plugin’s proposé par une communauté de développeurs non-moins foisonnante.

twitter_bird.jpeg

Parmi les diverses extensions que j’ai installé sur Inxtense, le dernier en date est « Twitter for Wordpress« .

Ce module d’extension permet très simplement d’ajouter le fil des gazouillis du profil désiré sur l’interface Wordpress (regarde tout en haut de ma page, dans la barre noire).

J’ai modifié le CSS (pour les couleurs, la taille des fontes), mais aussi le code source du plugin : en effet en cas de surcharge du serveur Twitter (en fait une table « wp_ak_twitter » est crée sur la base wordpress « locale » du site … je me demande bien pourquoi les tweets sont inopinément manquants) les « phrases » sont introuvables et un vilain message d’erreur s’affichait ;  je l’ai donc remplacé par une mention plus discrète.

il s’utilise très simplement, tout comme la majorité des extensions, il suffit d’insérer un bout de code (en l’occurence une fonction PHP entourée des balises <?php ..fonction..  ?>.

Une fois que les attributs de la fonction sont configurés, ça roule tout seul ;)