Site pour du Modular Grid Pattern
Application qui aide à créer une grille modulaire dans photoshop.
View ArticleBoîtes avec pattern de tissus en CSS3
J'ai voulu faire des boites qui reprenaient le style du logo ci-haut. J'ai donc fait en CSS3 un pattern, j'y ai ajouté un border-radius et un box-shadow.
View ArticleHTML5 Boilerplate, un template puissant et complet
HTML5 Boilerplate est un template (HTML+CSS+JS+...) lancé par Paul Irish (Modernizr) et Divya Manian. Il contient toutes les bonnes pratiques du moment en terme de performances, de compatibilité...
View Article1140 CSS Grid - Fluide pour mobile
Si vous avez un site à plusieurs colonnes, il faut absolument jetter un oeil à 1140 CSS Grid pris sur ce site http://cssgrid.net/.
View ArticleCarrousel pour galerie en Mootools
J'ai beaucoup fouillé sur internet pour un carrousel en Mootools, sans grand succès. Sois ces carrousels ne fonctionnaient pas comme je voulais, sois ils ne fonctionnaient pas tout court. J'ai donc...
View ArticleComment utiliser Font-face
À l’origine, les déclarations CSS @font-face faisaient partie de la norme CSS 2.0 et étaient supportées aussi bien par Internet Explorer 6 que par Netscape 4. Cette propriété a été abandonné en CSS...
View ArticleBandes qui font la largeur du navigateur
Pour vous faire de beaux "header" qui font la largeur du navigateur.
View ArticleMettre un "bevel" sur une image
Il existe une technique appelé le "Double border technique" pour faire un semblant de "bevel". J'ai repensé un peu le code pour travailler avec l'attibut outline.
View ArticlePlugin Mootools pour redimensionner la police d'écriture
Je suis tombé sur un plugin fort intéressant en Jquery de Dave Rupert. Je l'ai donc transposé en Mootools pour pouvoir moi-même l'utiliser. FixText rend la grosseur de la police d'écriture flexible aux...
View ArticleTrois façons simples d'aligner verticalement en CSS
"Vertical align" peut facilement devenir un casse-tête. J'ai travaillé quelques façons de faire pour que ça ne le soit pas.
View ArticleSimple menu avec accordéon en Mootools
Petit menu tout simple mais fort sympathique et utile.
View ArticleVidéo player élastique en HTML5
Juste un petit exemple pour mettre un vidéo en HTML5 de manière fluide.
View ArticleTooltip en html5 utilisant les pseudos elements
Quand arrive le temps de faire un petit Tooltip pour un site vous utilisez quoi ? Il existe plusieurs moyen, habituellement le plus fiable et le plus utilisé est d'ajouter du javascript avec une...
View ArticleWord-Wrap: Forcer le "wrappage" d'un texte
La propriété word-wrap est rarement utilisée mais reste une propriété CSS extrêmement utile. Vous pouvez forcer un long text à "wrapper" sur une nouvelle ligne en spécifiant break-word avec une...
View ArticlePolice de style "emboss" en CSS3
Juste un petit peu de CSS3 pour faire une police d'écriture style "emboss" que j'avais besoin.
View Article"Target" un navigateur en particulier en CSS
C'est juste un petit "reminder" pour pouvoir appliquer un style différent selon le navigateur.
View ArticleAnimation en CSS3 compatible webkit et Moz
Je me suis amusé un peu avec les animations CSS3. Je suis arrivé avec un résultat satisfaisant, compatible avec les dernières versions de Firefox et Chrome.
View Article3 exemples de Text-Shadow complexes
En fouillant un peu sur le web, en jouant un peu avec le CSS3 j'en suis venu à faire 3 styles de Text-shadow très intéressants.
View ArticleAnimation en CSS3 compatible webkit et Moz (partie 2)
Je me suis amusé à faire une petite animation de galerie d'images en CSS3. Je suis arrivé avec un résultat intéressant, compatible avec les dernières versions de Firefox et Chrome.
View ArticleAnimation CSS3 de type Lightbox
Ce fameux Lightbox de jquery, refait avec seulement du CSS3.
View Article
