Avec le tag Développement

Enquire.js, créer des évènements en fonction de la taille de l’écran

enquireJs-150x150

Enquire.js est une bibliothèque JS qui permet de gérer ses media queries en Javascript. Equire.js permet notamment de créer des évènements en fonction de la taille de l’écran, pour ainsi complètement adapter l’affichage ou le comportement des pages selon le terminal. Ce petit script de moins d’un Ko peut rendre de fiers services. Certains exemples d’utilisations sont l’affichage d’image plus … Lire la suite

TiltShift.js, ajouter un effet tilt-shift à vos images

tilt-shift-js

TiltShift.js est un plugin pour jQuery qui utilisent les filtres d’images de CSS3 pour reproduire un effet de bascule et décentrement, qui donne un aspect si particulier aux images. Le plugin permet de définir un certains nombre de critères comme le point de focus, la rayon de floutage, la direction de l’effet, …. L’utilisation est on ne peut plus simple. … Lire la suite

[WordPress] Theme-Check, vérifier qu’il ne manque rien dans le développement d’un thème

li_maintenance_wordpress

Développer un thème WordPress de zéro est un long processus. Non seulement il faut développer le design, mais aussi réaliser l’intégration de la plateforme WordPress avec ses multiples templates et fonctionnalités. Bien entendu se baser sur un framework ou un thème de base est un excellente idée. Mais parfois il faut partir d’une feuille blanche

[WordPress] WhatTheFile, afficher le template courant dans la barre d’admin

what-the-file-plugin

Les développeurs WordPress connaissent le système sophistiqué de templates proposé par la plateforme. Il s’est encore complexifié avec les dernières versions. Résultat, sur un thème très développé, il n’est jamais facile de savoir quel est le template utilisé par la page courante.   What The File est un plugin WordPress qui permet d’afficher dans la barre d’admin le nom du … Lire la suite

[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