Archives par mot-clé : CSS

CSS : @font-face se généralise

font-face

font-face

Il est de notoriété publique que l’usage des fontes sur le Web est limité à une poignée de fontes non pas standardisées, mais suffisamment répandues pour pouvoir être utilisées sans trop de risques. Et cela pour une raison très simple : la police de caractères que l’on souhaite utiliser doit être présente sur le système de l’utilisateur pour être utilisée par le navigateur.

CSS 2 (publié en 1998) comprenait un mécanisme qui autorisait les auteurs de pages web à proposer une police au téléchargement, police qui serait ensuite utilisée dans la page. Il s’agit de la règle @font-face, mais à l’époque, celle-ci avait été peu implémentée par les navigateurs, ou alors partiellement.

Depuis pas mal de mois (années?) maintenant, les webdesigners prennent un malin plaisir à utiliser ce formidable outil pour personnaliser leurs interfaces, quitte à violer quelques droits d’auteurs au passage… Le nombre de sites utilisant @font-face a augmenté de 8500% entre 2010 et 2011…

Mais que fait HADOPI ? (lol)

Continuer la lecture

Générez l’architecture de votre projet web

Instant Blueprint est un service web gratuit qui vous permettra de générer en un clic l’architecture de départ de votre nouveau projet de site web.

Imaginons que vous devez créer rapidement un nouveau projet web PHP ou HTML. Il est souvent fastidieux de retaper à la main toutes les balises HTML du header, le CSS de base avec reset, inclure les différentes librairies JS et CSS… Instant Blueprint vous permettra de configurer facilement l’architecture de votre nouveau projet web.

Voici les paramètres à configurer:

  • Titre du projet
  • Le doctype désiré (HTML5 disponible aussi)
  • Librairie Javascript à inclure
  • Comment inclure la librairie Javascript (Fichiers hébergés localement, ou à distance chez le CDN Google), compressé ou non.
  • L’extension du fichier index
  • Centrer ou non le site
  • Ajout des principales div qui constitueront l’architecture du site

Continuer la lecture

dynamicdrive.com : la foire à la saucisse

Dynamic Drive

Dynamic Drive : le four tout pour intégrateurs web

Pour tout bon développeur/intégrateur web, les sites de référence en CSS/Javascript sont légion. Pour ma part, j’en ai écumé pas mal et un surtout : dynamicdrive.com. Alors pour le coup c’est un peu le bordel quand on ne connait pas, et on s’y perd vite si on ne se penche pas sur « l’organisation » du site.

Après quelques minutes passées, on remarque surtout la section « CSS Library ». Des librairies CSS complètes, avec des menus déroulants complets, des navigations à onglet, des layouts pour structurer son site en 1, 2, 3 colonnes fixes ou dynamiques, des boutons « design » hover/active sympatoches,… Autre gros intérêt de « DD », la partie « Tools » qui nous propose foule de fonctionnalité toute simple mais appréciables : Image Optimizer, Favicon Generator, Gradient Image Maker et autres Button Maker, autant de petits outils surtout utilisés pour les allergiques du design, qui préfèrent se flageller l’urètre avec des ronces plutôt que d’ouvrir un logiciel Photoshopesque…

Continuer la lecture