background preloader

CSS3 : @font-face, vous avez demandé une police de caractère non standard ?

CSS3 : @font-face, vous avez demandé une police de caractère non standard ?
Vous êtes ici > CSS Débutant | CSS3 | Déclarer une police de caractère non standard avec @font-face Longtemps, longtemps, le webmestre s'est lamenté de ne pouvoir utiliser qu'un petit nombre de fontes pour ses sites web. Arial, Helvetica, times new roman... c'était d'un triste ! Ou alors il fallait faire des images. Et mettre du texte en image ce n'est tout de même pas très logique, sans compter les problèmes d'accessibilité qui peuvent en découler. Grâce à @font-face on peut à présent utiliser des polices de caractère exotiques et laisser cours à son inventivité. Règle utilisée : @font-face Fonctionne avec : Chrome, Safari Firefox, SeaMonkey MSIE Opera Le sélecteur @font-face existe depuis très longtemps : depuis les CSS 2.0. La police de caractère, ou plutôt les différents formats de la police de caractère, doit être placée sur le serveur. Il y aura donc les mêmes contraintes techniques et éthiques qu'avec une image : Étape 1 : obtenir tous les formats nécessaires Code CSS Tout est dans le ?

http://css.mammouthland.net/css3/font-face.php

Related:  HTML - CSS - PHPDéveloppementPrincipesA trier

Système de Gestion-Affichage de Nouvelles PHP - Système de Gestion-Affichage de Nouvelles (Articles, Actualités...) : Version 4 (MYSQL/Procédural)Version 5 (PDO/Procédural) : NOUVELLE VERSION ! [DIY] Panneau d'affichage style aéroport full CSS Le 24/08/2013 par lobodol Dans informatiqueFacile13 Feb 2014 Bonjour à tous, aujourd'hui je vous propose un tuto orienté webdesign, puis-ce qu'il s'agit de réaliser un panneau d'affichage style aéroport. 1. Introduction Pendant que je pensais à de nouvelles idées de design pour le site, j'ai eu envie de tester un affichage du style panneau d'affichage d'aéroport.Etant un purite du CSS, j'ai commencé à chercher sur le net des exemples tout faits, mais impossible de mettre la main dessus, seuls des résultats sous forme d'images étaient disponibles.

Menu déroulant en CSS Si vous voulez avoir tout de suite un aperçu du type de menu décrit dans cette page, vous pouvez visiter notre page de démonstration. Et pour garder le script proposé au chaud sur votre PC, vous pouvez aussi le télécharger. Avec ou sans javascript ? Lorsqu'on peut se passer de javascript, il est prudent de le faire. Antidote : L'arsenal complet du parfait rédacteur en français Présentation Antidote réunit un correcteur de nouvelle génération, des dictionnaires avec recherche puissante et des guides linguistiques clairs et détaillés. Ces multiples ouvrages ne sont pas simplement plaqués ensemble : ils interagissent harmonieusement pour aider à explorer tous les aspects d'une question linguistique. Individuellement, chacun de ces ouvrages rivalise avec les meilleurs de sa catégorie.

Réaliser une galerie d'image facile avec Php et MySQL - Web Info Bazar Article lu 13 900 fois Bonjour à tous! Nous allons voir ici comment réaliser une galerie d’image avec Php et une base de donnée MySQL. Les images de la galerie seront cliquables et redirigeront vers une page contenant l’image concernée ainsi que les descriptions de celle ci. Nous verrons également comment créer un formulaire d’upload afin d’ajouter de nouvelles images à votre galerie sans avoir à toucher au code une fois celle-ci fini Cette galerie est multi-usage : trombinoscope, galerie d’image etc…. à vous de choisir l’utilisation que vous souhaitez en faire !

Créer un design d’article de blog avec une date flottante en HTML et CSS Aujourd’hui, nous allons s’atteler au design d’un élément particulier d’un blog : le billet. Je vous propose de reproduire pas-à-pas le design ci-dessous. Jolie, hein ? Ca vous tente ? C’est parti ! Le modèle tabulaire en CSS Note : Cet article est publié conjointement sur OpenWeb.eu.org et sur Alsacreations.com. En outre, certaines parties de cet article sont extraites du livre «CSS avancées, vers HTML5 et CSS3», avec l’aimable autorisation de l’auteur :) Compatibilité Commençons par une excellente nouvelle : le modèle de rendu tabulaire en CSS est finalisé depuis suffisamment longtemps pour être compatible avec tous les navigateurs actuels et leurs générations précédentes.

Correcteurs orthographiques : bien les choisir et les utiliser En tant que chef d'entreprise, la relecture des documents n'est pas chose aisée. Cela demande une concentration particulière et du temps qu'il faut pouvoir dégager de ses activités. Aucun programme n'égale les services d'un correcteur relecteur professionnel, mais, à défaut, des logiciels à l'efficacité croissante peuvent assurer la relecture de vos écrits professionnels !

Pagination page par page Attention, depuis PHP 5.5.0, certaines extensions SQL sans doute utilisées dans ce tutoriel peuvent être obsolètes et seront supprimées dans le futur, vous devez donc adapter les codes! Exemples ici. Voici un petit bout de code près à l'utilisation, permettant d'effectuer une pagination et de choisir le nombre d'élément à afficher par page. La pagination peut se faire de 2 façons: Des infobulles en CSS3 Si une icône ou un bouton ne permet pas de mettre suffisamment de texte (ou ne permet pas d'en mettre du tout) ou s'il nécessite des informations supplémentaires, alors vous aurez certainement besoin d'une infobulle pour cela. Pourquoi ? Tout simplement parce qu'il est prouvé que les infobulles permettent d'améliorer l'ergonomie de votre site. Ceci étant dit, cet article va vous montrer comment créer vos propres infobulles uniquement en CSS3 : sans image et sans JavaScript. Cet article est la traduction de CSS3 tooltips publié sur Red Team Design.

Related: