Nous avions déjà vu précédemment comment forcer le mode de compatibilité IE7 d’IE8 afin que l’affichage soit conforme au rendu IE7, je vous propose cette fois-ci de voir l’opération inverse.

L’intervention réside toujours sur l’utilisation de la balise meta X-UA-Compatible mais avec un content différent. En effet, la valeur de l’attribut content étant automatiquement convertie en vecteur de version par Internet Explorer 8, il suffit d’indiquer une valeur supérieure ou égale à 7 pour forcer un mode de compatibilité supérieur à IE7.

Cela signifie que pour interdire le mode de compatibilité IE7 sous IE8, il suffit d’indiquer la balise meta ci-dessous :

<meta http-equiv="X-UA-Compatible" content="IE=8" >

Ainsi, les utilisateur d’Internet Explorer ne pourront plus visualiser vos pages web avec un mode de compatibilité inférieur à IE8.

Forcer le mode de compatibilité à la dernière version d’Internet Explorer

Cette astuce permet de forcer le mode de compatibilité au plus haut niveau connu par le navigateur et ainsi anticiper la sortie des prochaines versions d’Internet Explorer (si tant est qu’elles existeront !).

<meta http-equiv="X-UA-Compatible" content="IE=100" >

Voici une astuce publiée sur le forum de CodeIgniter qui permet de définir le timezone à utiliser par la base de données un seule fois pour tous les modèles de l’application.

Pour réaliser cette tâche, l’auteur à simplement dérivé la classe Model de CodeIgniter afin d’exécuter la requête SQL modifiant le timezone à la construction de l’objet. Ainsi, comme lorsqu’on utilise ACICRUD, les modèles de l’application doivent étendre la classe mère au lieu de la classe Model.

Voici l’exemple de code proposé par flaky :

class Master_model extends Model{
    public function __construct(){
        parent::__construct();
 
        $this->set_timezone();
    }
 
    public function set_timezone(){
        $this->db->query("SET time_zone='+0:00'");
    }
}
 
class Some_model extends Master_model{
    public function __construct(){
        parent::__construct();
    }
}

Voir le post original.

Savez-vous qu’il est très simplement possible de faire pivoter un site web selon un angle précis via du CSS et la propriété -moz-transform ?

La page web subiera une rotation dans sans totalité et le rendu sera fonctionnel au minimum sous le navigateur Firefox.

Voici le code permettant cette rotation, notez que vous devez adapter la valeur de la propriété width en fonction de la taille de votre page web.

body {
	-moz-transform:rotate(-30deg);
	height:auto;
	margin:10px auto;
	position:relative;
	width:1300px;
	z-index:1;
}

Démonstration

Cliquez-ici pour accéder à l’espace de démonstration de la rotation.