Avec le tag Webdesign

[Webdesign] Polyfill de la propriété box-sizing par Schepp

code-developpement-webdesign

Ce polyfill permet de supporter la propriété box-sizing : border-box dans les navigateurs qui ne la supportent pas comme IE (6,7). Il suffit pour cela d’inclure la définition (.HTC) après la déclaration : box-sizing: border-box; *behavior: url(/scripts/boxsizing.htc); Remarque : le préfixe * permet de ne pas cibler IE8. Si vous pensez que votre cible utilise encore ces navigateurs, ce script … Lire la suite

[Webdesign] Makisu, un menu 3D expérimental prometteur

code-developpement-webdesign

Makisu est un menu CSS avec un effet 3D très original, qui se plie et se déplie à la façon d’un dropdown en créant une sorte de vague. Makisu s’utilise comme un plugin jQuery qui converti une liste en menu. Il propose un bon nombre d’options pour personnaliser l’effet de perspective, les couleurs, les ombres, … if ( $.fn.makisu.enabled ) … Lire la suite

Syntax Highlighting SCSS / SASS 3 pour Notepad++

sass

Notepad++ est mon éditeur de texte favori. Il est pratique léger et rapide. Récemment j’ai eu besoin d’éditer une feuille de styles CSS au format SCSS (la syntaxe de SASS 3 (Syntactically Awesome Stylesheets), un concurrent de LESS). Figurez vous que Notepad++ ne reconnait pas entièrement le format SCSS et donc les mises en avant de la syntaxe sont partielle. … Lire la suite

Learnlayout.com, le site pour apprendre CSS sans peine

webdesign-generique

Quand on n’est pas webdesigner dans l’âme ou a minima développeur web, créer un site de A à Z n’est pas aisé. Je suis développeur, architecte et urbaniste; j’ai beaucoup d’expérience sur des projets Web mais plutôt côté serveur. Et pourtant, malgré ce vernis technique, je me pose encore souvent des questions de base sur le webdesign et CSS en … Lire la suite

[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