Le site FontSquirrel propose un outil très puissant qui va vous transformer votre font en tous les formats (woff, eot, ttf, svg, …), mais il vous propose aussi de réduire la taille de votre font pour une utilisation Web (ce qu’on nomme le « subsetting »). Par exemple si vous n’allez avoir besoin que des chiffres, il [...]

Continue reading...

[niveau: intermédiaire] Pour tester la version mobile d’Internet Explorer il vous faut installer tout un attirail : – Virtual PC 2007; – Gestionnaire pour appareils Windows Mobile 6.1; – 040C/Windows Mobile 6 Professional Images (FRA).msi (attention de bien prendre la version PROFESSIONAL). Une fois tout cela installé, il faut procéder à plusieurs étapes : Dans [...]

Continue reading...

[niveau intermédiaire] Lorsqu’on crée des CSS, il arrive qu’on s’y perde un peu entre les px bien pratiques, et les em tout aussi pratiques mais bien moins parlant…. Le site http://pxtoem.com/ propose de convertir des pixels en em.

Continue reading...

[niveau: débutant] Via Presse-Citron j’ai découvert le site View Like Us qui propose de voir à quoi ressemble un site web selon la résolution de l’écran, allant de l’iPhone à au 1920×1200, en passant par la Wii. Rapide, gratuit et efficace.

Continue reading...

[niveau: intermédiaire] Linux est un système d’exploitation qui était réservé au geek, mais depuis plusieurs années les distributeurs font en sorte que cet OS soit plus facile à installer et à utiliser. Linux apparaît d’ailleurs de plus en plus comme une alternative à Windows. Il y a donc plusieurs raisons qui pourraient vous pousser à [...]

Continue reading...

[niveau: intermédiaire] Si vous n’êtes pas un webdesigner professionnel, vous vous demandez sans doute quelles polices de caractères sont utilisables sur le Web. Peut-on utiliser une fonte personnalisée? Quelles sont les principales familles de fontes génériques? C’est ainsi qu’est introduit le billet d’Alsacreation qui vous explique parfaitement les polices disponibles pour la plupart des navigateurs. [...]

Continue reading...

[niveau: expert] Je vous ai déjà expliqué comment tester votre site sur IE6, IE7 et IE8, et maintenant je vous propose un émulateur pour voir le rendu de votre site sur Opera Mini. Pour cela il suffit d’aller sur http://www.opera.com/mini/demo/ qui offre une applet Java pour tester la version mobile du navigateur. A noter que [...]

Continue reading...

[niveau: expert] OpenWeb propose un excellent article nommé « Compatibilité multi-navigateurs des polices de caractères » où ils y expliquent les unités et les valeurs à utiliser pour dimensionner la taille des caractères de façon homogène sur le plus grand nombre possible de navigateurs Web. Pour résumer, il est conseillé de ne pas utiliser une [...]

Continue reading...

[niveau: expert] Je vous invite à lire ce billet consacré à « comment réaliser un bon formulaire HTML » qui donne de vrais bons conseils sur cet exercice plus compliqué qu’il n’y parait. (via Alsacréations)

Continue reading...

[niveau: intermédiaire-expert] Quand on crée un site Internet, il faut toujours s’assurer que le rendu est correct. L’exercice devient complexe lorsque l’on souhaite que tout fonctionne pour les différentes versions d’Internet Explorer. Vous n’êtes pas sans censés savoir que, en particulier IE6, les Internet Explorer sont une catastrophe et qu’il faut utiliser des astuces pour [...]

Continue reading...