html5

Quel designer/développeur Web n’a pas entendu parler de TypeKit dans les derniers mois ou dernières semaines?

Ayant été invité à la beta il y a de cela plusieurs semaines, je n’avais pas vraiment pris la peine d’aller y jeter un coup d’oeil depuis un bon bout de temps. C’est en y allant dernièrement que je n’ai pas été très convaincu…

L’idée globale de TypeKit est intéressante, mais tant qu’à moi, elle est loin de révolutionner le Web. TypeKit va aider à contourner les problèmes de piratage des fontes, mais sinon? Les fontes proposées jusqu’à maintenant peuvent servir pour certains projets, mais comme je le lisais sur un autre blog, que faire dans le cas où je me dois d’utiliser du Helvetica?

TypeKit va devoir s’entendre avec les vendeurs de fontes pour que l’on puisse par exemple utiliser nos propres fontes si nous les avons achetés. Il serait intéressant d’avoir dans son compte un endroit où nous pourrions téléverser nos fontes. L’idée de pouvoir utiliser nos fontes légales en plus de celles proposées par TypeKit serait l’idéal.

Enfin, TypeKit est encore à ses débuts et pour terminer sur une note positive, l’intégration de TypeKit à nos sites Web est très facile. À peine 2-3 lignes de JavaScript et le tour est joué.

En attendant, nous pouvons utiliser TypeKit si certaines fontes proposées par eux peuvent servir dans nos projets. Sinon, il faudra encore ce tourner vers Cufon, sIFR ou une autre alternative.

À suivre…

Visiter le site de TypeKit.

Tweet This Post

Le nom le dit, la balise <datalist> est une liste contenant des données. Mais n’existe-t-il pas déjà la balise <select> qui s’occupe de nous afficher des éléments dans une liste? Oui, mais la balise <datalist>, elle, nous l’associons avec un autre élément du formulaire comme un champ texte par exemple.

Cette nouvelle sorte de liste est en quelque sorte plus permissive dans le sens qu’elle nous suggère diverses options, mais nous ne sommes pas absolument obligés de choisir une de ces options là. Nous pouvons entrer notre propre valeur si la liste ne nous suggère pas ce que nous voulons.

Compatibilité

Pour l’instant, cette nouveauté d’HTML5 semble seulement fonctionner sur Opera. Firefox, Chrome et Safari devraient supporter cette balise dans leur prochaine version.

À savoir

Un peu comme lorsque nous associons un label et son champ respectif à l’aide de l’attribut for, cette fois, c’est avec l’attribut list que nous associons une liste à un champ texte.

Exemple

<form method="post" action="">
    <ul>
        <li><label for="txtMetier">Quel est votre métier?</label></li>
        <li><input type="text" list="metiers" autofocus /></li>
        <li>
            <datalist id="metiers">
                <option>Designer Web</option>
                <option>Integrateur Web</option>
                <option>Programmeur</option>
            </datalist>
        </li>
    </ul>
</form>

Consultez l’exemple de balise datalist en HTML5.

Consultez la spec d’HTML5 pour en savoir davantage sur la balise <datalist>.

Tweet This Post