Blackotine

Label et input, syntaxe et accessibilité

L’élément label permet de rattacher une information à un contrôle par le biais d’une étiquette.
En clair, cliquer sur le texte à l’intérieur d’un élément label permet de place le curseur sur l’élément correspondant du formulaire. Il est à la fois question d’ergonomie et d’accessibilité.
Il est donc primordial d’ajouter un élément label pour chaque champs d’un formulaire.

Syntaxe

Deux méthodes existent, pour lier un label au champ correspondant, la relation peut être explicite ou implicite.

Relation explicite :

L’étiquette est définie par l’attribut for dans label et identifiée grâce à l’attribut id du champ de formulaire ciblé.

<label for="nom">Nom </label>
<input id="nom" name="firstname" type="text" />

Relation implicite :

Il s’agit d’imbriquer le champ dans la balise label, il n’est donc plus nécessaire de renseigner les attributs for de label et id du champ.

<label>
Nom
<input name="firstname" type="text" />
</label>

Ces deux méthodes sont détaillés dans la documentation du W3C

Accessibilité

Cependant la solution des labels implicites, bien qu’étant parfaitement valide, n’est plus admise car elle n’est pas reconnue par tous les dispositifs d’accessibilité, elle est d’ailleurs proscrite par les normes d’accessibilité WCAG2.0

Voilà, il n’y a donc en fait qu’une seule solution, la relation explicite, et l’autre, bien que fonctionnant, ne doit jamais être utilisée.

Mise à jour Wordpress 2.8 et message qui refuse de disparaitre

Les personnes ayant effectué une mise à jour de leur blog Wordpress vers la version 2.8 ont peut-être eu un souci avec le message « WordPress 2.8 est disponible ! Pensez à faire une mise à jour. » qui reste affiché une fois la mise à jour faite.

Ce problème vient de d’un bug lors de la génération des packs localisés et d’une variable manquante dans le fichier versions.php

La solution est assez simple, il suffit d’éditer ce fichier (wp-includes/version.php) et d’ajouter à la fin la ligne :
$wp_local_package = ‘fr_FR’;

Coins arrondis en css et javascript

Récemment, j’ai du découper un design comportant de nombreux coins arrondis, de tout styles, avec ou sans bordures, couleur de fond etc…

J’ai donc cherché un script simple à mettre en place et très modulable et comme je n’ai pas trouvé quelque chose qui correspondait exactement à mes besoins, j’ai décidé de créer mon propre script.

Avant tout, je suis contient que le fait de devoir créer des éléments supplémentaires juste pour satisfaire un besoin de mise en page est une technique à proscrire car cela n’a aucun sens. Tout devrait pouvoir se faire directement dans le CSS. Oui mais voilà, le CSS 3 et sa gestion native des bords arrondis (-moz-border-radius et -webkit-border-radius pour Firefox et Safari) est loin d’être implanté sur tous les navigateurs et nous sommes, malheureusement, dans l’obligation de ruser.

Ce que je voulais :

• Les balises ne servant qu’à la mise en page et n’ayant aucune portée sémantique sont générées en javascript.
• Un javascript non obstrusif, une mise en page non dégadée si le javascipt n’est pas activé / installé. Dans ce cas là, les coins restent simplement droits.
• Utilisation des images pour les coins pour un meilleur rendu et une plus grande modularité.
• Un script léger, syntaxe de l’appel simple mais paramétrable.
• Entièrement personnalisable via CSS.
• Conserve le DOM et génère du XHTML et du CSS valide.
• Rapide !

Pour commencer, voici une démo du script en action et une deuxième avec un bouton pour lancer le script.

Le script s’appuie sur le framework Javascript Mootools. Lire la suite »

Les fichiers .htaccess, exemples et astuces

Les fichiers .htaccess sont de puissants outils permettant de modifier la configuration du serveur web Apache de manière localisée, pour un site voire, pour un répertoire.

Voici quelques exemples utiles à utiliser sur vos sites.
Attention toutefois, car la moindre erreur de syntaxe provoquera une erreur interne sur le serveur et rendra votre site indisponible. Pensez donc à toujours garder une copie de sauvegarde permettant de revenir en arrière. Lire la suite »

Iphone et téléphonie sur IP avec Siphon

Une nouvelle version de Siphon vient de sortir. Il s’agit de la version 2.0 bêta 16.

Très attendu, celle-ci permet en effet de téléphoner via le réseau Edge/3G, et surtout vous pourrez enfin téléphoner normalement sans être obligé d’utiliser le casque comme avec les versions précédentes.

Interface de Siphon

Le but est donc de pouvoir utiliser un compte SIP comme, par exemple, un compte Freephonie, (disponible pour tous les abonnés Free) pour téléphoner en illimités vers les fixes de 70 destinations et bénéficier de tarifs attractifs vers les autres destinations et les mobiles. Et ça, de n’importe où, de chez vous via le wifi ou dans la rue via Edge/3G.

A première vue, cette bêta semble beaucoup plus réactive et la qualité d’écoute a largement été améliorée.

Paramètres de Siphon

Vous devez avoir un Iphone jailbraké avec, au minimum, le firmware 2.1 d’Apple.

Vous pouvez télécharger gratuitement Siphon via Cydia, en ajoutant le repository de BigBoss (http://apt.bigboss.us.com/repofiles/cydia).

Attention cependant car certains opérateurs brident voire interdisent l’usage des services SIP
Il semble donc préférable de se renseigner avant de subir d’éventuels sanctions !