Avec le tag CSS

[Webdesign] Typicons, une webfont de mini-icônes pour vos sites

typicons

Typicons est un joli ensemble gratuit de plus de 90 mini-icônes vectorielles pour créer vos applications et sites. Il est embarqué dans une webfont et est utilisable avec CSS3, comme une police de caractères classique. Il s’utilise avec une pseudo classe ::before; ainsi il n’est pas nécessaire de se souvenir de l’index du caractère pour utiliser une icône. Bien plus … Lire la suite

[Webdesign] Meny, créer un menu 3D efficace et beau

3d-menu

Meny est un menu en 3 dimensions qui permet de gagner de l’espace et de proposer un effet sympa sur votre site. Il utilise les transformations CSS 3D (et se dégrade bien en 2D si ce n’est pas supporté). Le menu supporte les touchscreens. Il se base sur deux éléments HTML : le menu et le page de contenu (au … Lire la suite

[Webdesign] Font Awesome, une police d’icônes pour BootStrap

font-awesome-icones-example

Font Awesome est une police de caractères web (@font-face) spécialement développée pour être intégrée au framework Twitter BootStrap. Elle propose pas moins de 220 icônes et pictogrammes totalement gratuits. La police est même compatible avec IE7 (sait-on jamais si vous êtes un peu maso et que vous intégrez encore ce superbe navigateur dans vos plans). Cette police est de plus … Lire la suite

CSS Social Buttons, des icônes personnalisables en CSS

custom-icon-preview

CSS Social Buttons est un set d’icônes représentant les plus grands réseaux sociaux et des pictogrammes courants. Elles sont identiques quel que soit le navigateur et surtout elle sont personnalisables très facilement. Le designer a d’ailleurs prévu tout un tas d’options des plus attirantes dans des classes CSS ultra pratiques. Pour insérer l’icône sur votre site il suffit de référencer … Lire la suite

Foundation Icon Fonts, des icônes intégrables comme une police web

www.zurb.com-icones-webfont

Foundation Icon Fonts est un ensemble d’icônes originales proposées sous la forme d’une police web (webfont) et donc directement intégrable et utilisable dans un webdesign, sans manipulation d’images.