background preloader

Dev ToolZ

Facebook Twitter

Quelles polices de caractères (fontes) utiliser sur le Web ? Si vous n'êtes pas un webdesigner professionnel, vous vous demandez sans doute quelles polices de caractères sont utilisables sur le Web.

Quelles polices de caractères (fontes) utiliser sur le Web ?

Peut-on utiliser une fonte personnalisée? Quelles sont les principales familles de fontes génériques? Vocabulaire: polices de caractères et fontes À l'origine, une fonte de caractères (on dit communément fonte, et en anglais font) est une représentation d'un alphabet ayant un corps (c'est-à-dire une taille) donné(e), et une graisse (normal, gras…) donnée.

Helvetica Bold Italic 12pt est une fonte, par exemple. Une police de caractères, aussi appelée police d'écriture, rassemble l'ensemble des fontes d'une même famille. Peut-on utiliser n'importe quelle fonte sur un site Web? La réponse à cette question est simple: en théorie oui, en pratique non pas du tout, mais ça commence à être possible, et ça sera bientôt assez largement possible, sauf si ça foire, donc plutôt non mais en fait oui, faut voir. Simple, non? En CSS, cela se présente ainsi: Prévoir un site pour toutes les résolutions. La question des dimensions idéales d'un site est souvent posée.

Prévoir un site pour toutes les résolutions

Les résolutions d'écran varient généralement de 800x600 pixels à 1280x960 pixels, en passant par 1024x768. Quelle est donc la résolution à privilégier ? Quelle est la dimension idéale pour un site web ? Les sites web étant conçus avec des éléments graphiques (la plupart du temps) non vectoriels, ceux-ci n'adoptent pas le même rendu selon la résolution de l'écran du visiteur, notamment en terme de répartition horizontale. Faut-il centrer ? Compression des pages web avec Gzip ou Deflate en HTTP. Intérêt de la compression De nos jours, l'accent est souvent mis sur la performance des sites et les économies de bande passante notamment sur mobile.

Compression des pages web avec Gzip ou Deflate en HTTP

Les temps d'accès et de téléchargement se mesurent (très précisément avec de nombreux outils) en millisecondes. De nombreuses recommandations provenant de Google et Yahoo font mention de la compression des pages avant leur transit sur le réseau. Le serveur compresse les données (code HTML, CSS, JavaScript...) Les fichiers transitent par le réseau via HTTP Le navigateur décompresse à la volée les données avant de les interpréter Ce qui représentait une charge supplémentaire pour les serveurs web à l'époque où leur puissance était moindre, peut désormais devenir négligeable en regard des améliorations apportées, notamment pour les navigateurs mobiles. Ces techniques qui sont prévues depuis HTTP/1.1 (1999) peuvent tout à fait être mises en œuvre pour les documents HTML mais aussi CSS, XML ou JavaScript.

Navigateurs Deux formats coexistent : <? Configuration d'un serveur dédié de A à Z. Tous les tutoriels dans l'ordre, pour mettre en place un serveur web avec Apache, PHP, MySQL, FTP, Postfix, des services de monitoring, de sauvegarde, un brin de sécurité, et le panel DTC.

Configuration d'un serveur dédié de A à Z

Installation, configuration et administration d'un serveur dédié Ces tutoriaux ont été réalisés sous Debian (versions Etch 4.0 et Lenny 5.0) mais peuvent être transposés à d'autres distributions Linux, notamment Ubuntu. Ils sont applicables aux serveurs dédiés 1&1, Dedibox, OVH, Amen, et bien d'autres. Tous les tutoriaux sont basés sur un serveur nommé test.alsacreations.com pour lequel nous disposons d'un utilisateur dew et d'un accès root (super-administrateur), chacun avec leur propre mot de passe.

Nous partons de l'idée d'obtenir un serveur web avec tout ce qu'il faut pour héberger plusieurs domaines et sites. Liste complète sans panel web Ces tutoriaux conviennent à l'installation complète d'un serveur Liste complète avec panel d'administration DTC. Create an Application. One account.

Create an Application

All of Google. Sign in with your Google Account Find my account Forgot password? Sign in with a different account Create account One Google Account for everything Google.

HTML5 & CSS3