WEB-d Développement Web

PHP, SQL, HTML5, CSS3, Javascript, Mootools, Référencement, SEO, CMS, e-commerce, Apache, Linux, Ubuntu, ...

Blog WEB-d Développement Web

« Articles précédents Articles suivants »

Responsive design : convertir la navigation en menu déroulant

Sur un smartphone, l'espace disponible est souvent trop réduit pour afficher un menu de navigation complet. Il vaut donc mieux utiliser un menu déroulant. Avec Mootools, il est possible de créer ce menu déroulant automatiquement.

Mootools responsive menu

Lire la suite

A quoi ressemble mon site sur un smartphone?

... ou sur une tablette?

Pour avoir rapidement une idée, il suffit d'utiliser le responsinator: www.responsinator.com

Lire la suite

CSS Outline et border

La propriété CSS outline ressemble très fort à la propriété border, mais est nettement moins connue. Elle présente pourtant un énorme avantage: elle ne modifie pas la taille finale calculée de l'élément!

Ceci peut énormément faciliter la comptabilité lors de la création d'un site adaptatif:

Lire la suite

Ajouter automatiquement un numéro de version aux fichiers Javascript et CSS

Les sites web utilisent généralement un header "Expire" avec une date loin dans le futur, pour indiquer aux navigateurs qu'ils peuvent mettre en cache les fichiers statiques (javascript, CSS, images etc.) et ainsi accélérer l'affichage du site.

Un problème peut survenir lorsque le fichier est mis à jour : les navigateurs qui ont déjà visité le site vont continuer à utiliser l'ancienne version du fichier, et le visiteur ne verra donc pas les modifications correctement.

Lire la suite

Créer des thumbnails (miniatures) avec Image Magick

De nombreux scipts disponibles sur Internet permettent de créer des thumbnails. La plupart utilise GD, alors que l'extension Imagick (qui utilise Image Magick) permet d'obtenir le même résultat en une seule ligne :

Imagick::thumbnailImage($width, $height, $bestfit = false)

Lire la suite

« Articles précédents Articles suivants »