piouPiouM’s dev : bloc-note d’un développeur web. PHP, git, shell, plugins WordPress, SPIP, jQuery

JavaScript : tester le support des couleurs RGBA

14 fév 2010

CSS3 introduit le support des couleurs en mode RGBA. Ce dernier permet de définir une valeur d’alpha à une couleur RGB. Voici comment détecter via JavaScript si un navigteur supporte la fonctionnalité¹.

Comment détecter qu’un navigateur supporte RGBA ?

Le principe est simple :

Atteindre le premier élément script² du document.
Mémoriser sa couleur de police (ou de fond).
Tester si la couleur n’est pas déjà en RGBA.
Oui ? Sauter à 7. Non ? Modifier la couleur de l’élément script en rgba(0, 0, 0, 0.5). Si le navigateur ne supporte pas le mode de couleur RGBA, l’action n’aura aucun effet.
Tester la non correspondance de la couleur initiale et de la nouvelle.
Réinitialiser la couleur de l’élément script.
Retourner le résultat du test.

Continuer la lecture de l’article « JavaScript : tester le support des couleurs RGBA »

toute autre propriété CSS3 peut être testée sur le même modèle, comme HSLA ou encore box-shadow. ↩
nous utilisons JavaScript, il est naturel de trouver au moins un élément script. ↩

5 Commentaires
Tags : couleur, css3, JavaScript, jQuery, rgba

WordPress : autoriser l’upload de fichiers au format non-supporté

Dans : Snippets

9 fév 2010

WordPress ne supporte en upload qu’une liste exhaustive de formats de fichiers. Si comme moi vous souhaitez uploader¹ des fichiers issus de TextMate, comme les .tmCommand et autres .tmSnippet, ajoutez le code qui suit dans le fichier functions.php de votre thème².

<?php
// Add the new filter
add_filter('upload_mimes', 'addUploadMimes');
 
/**
 * Adds new supported media types for upload.
 *
 * @see wp_check_filetype() or get_allowed_mime_types()
 * @param array $mimes Array of mime types keyed by the file extension regex corresponding to those types.
 * @return array
 */
function addUploadMimes($mimes)
{
	$mimes = array_merge($mimes, array(
		'tmbundle|tmCommand|tmDragCommand|tmSnippet|tmLanguage|tmPreferences' => 'application/octet-stream'
	));
 
	return $mimes;
}
?>

Indiquez en clé les nouvelles extensions de fichier (séparées par des pipes) et en valeur le type mime associé.

Notes

sous Mac OS X tout du moins, SWFUpload me désactive la sélection des fichiers de TextMate m’obligeant à passer par l’interface d’upload native du navigateur. Je suis preneur de toute solution. ↩
à choisir, l’ajouter dans un plugin serait plus judicieux puisque cette fonctionnalité ne dépend pas du thème. ↩

Aucun commentaire
Tags : astuces, media, upload, WordPress

Git ignore pour un projet Flex Builder

Dans : Snippets

22 jan 2010

Contenu type d’un fichier .gitignore pour un projet Flex Builder :

bin-debug
html-template
.actionScriptProperties
.flexProperties
.project
.settings
.DS_Store

2 Commentaires
Tags : Flex, git

Rotation des logs Apache

Dans : Snippets

20 jan 2010

Effectuer une rotation de ses logs Apache chaque semaine à l’aide de rotatelogs :

CustomLog "|/usr/sbin/rotatelogs /var/log/www/mondomaine.tld/mondomaine.tld-access_log 604800" "combined"

Notez le pipe au début d’argument qui permet la redirection du logfile vers rotatelogs.
Merci à patpro pour l’astuce.

Aucun commentaire
Tags : apache, astuces, sysadmin

WordPress jQuery UI Effects

Dans : Plugins WordPress

6 jan 2010

WordPress jQuery UI Effects est un plugin pour WordPress permettant d’enregistrer et de charger les composants JavaScript de la librairie jQuery UI Effects.

Ce ne sont pas moins de 14 effets que vous pourrez utiliser dans vos développement de plugins ou dans la personnalisation de vos thèmes : Blind, Clip, Drop, Explode, Fold, Puff, Slide, Scale, Bounce, Highlight, Pulsate, Shake, Size et Transfer.