Alors que des rumeurs parlent d’une sortie très prochaine du très attendu Google Chrome OS ( Système d’exploitation de Google ), les sources du navigateur Google chrome qui sera inclus dans l’OS ont apparemment été aperçuent à cette adresse, et compilées par une personne qui vient de publier différents screens, en voici quelques uns :
Pour plus de captures c’est ici.
Si vous pensez que votre réussite professionnelle passe par une grande réussite à Paf le Chien (le dernier jeu a la mode sur facebook) , et que vous avez essayé toutes les combines présentent sur le web , mais qu’ aucune n’a fonctionné…en voici une beaucoup plus rapide…
Je rappelle bien sur que tricher n’est pas gagner… 
La solution la plus simple serait d’ utiliser les propriétés suivantes sur le conteneur pour simuler le comportement d’un tableau:
display:table-cell; vertical-align:middle;
Seulement cette solution ne fonctionne pas sous Internet Explorer 6…
Voici donc une autre solution qui fonctionne sous IE6:
CSS :
#conteneur{ height:400px; position:relative; } #bloc{ position:absolute; top:50%; height:200px; margin-top:-100px; /* margin-top négatif de la moitié de la propriété height */ }
HTML :
<div id="conteneur">
<div id="bloc">
Mon contenu HTML.
</div>
</div>Seul inconvénient, il faut connaître la hauteur du bloc intérieur.
Depuis près d’ un an, les navigateurs comme Chrome, Firefox ou encore Safari redoublent d’efforts pour améliorer sensiblement la vitesse d’exécution du JavaScript, et ceci nous offre de nouvelles perspectives comme par exemple ajouter de la 3D dans nos pages.
Je vous propose de lire un article qui montre comment créer un petit moteur 3D en JavaScript et comment l’utiliser avec jQuery.
Ce moteur est composé de 3 classes:
Ce moteur n’utilise pas la nouvelle technologie WebGL qui gère la 3D avec des balises canvas, mais simule simplement le rendu 3D en convertissant les points 3D définis (X,Y,Z), en 2D (X,Y), la profondeur est simulée via la taille et l’opacité d’un objet.
Le moteur n’utilise pas entièrement jQuery puisque les calculs de conversions (3D => 2D) sont déjà lourds et l’ajout de fonction jQuery au milieu de ces calculs ne ferait que ralentir l’ animation 3D; les fonctions natives comme getElementById() ont donc été préférées pour le cœur du moteur.
Pour lire l’article c’est ici.
Pour voir la démonstration c’est ici.
Oui vous avez bien lu!
Google vient de proposer un plugin ( open source ) pour Internet Explorer 6, 7, 8 qui permet de charger une page web avec le moteur de rendu de Chrome, si la page contient dans son code la balise <meta> suivante:
<meta http-equiv="X-UA-Compatible" content="chrome=1">
Ceci devrait donc permettre aux irréductibles d’internet explorer 6 d’ accéder enfin à un Web plus rapide et conforme aux normes du W3C avec en prime les nouvelles balises de l’ HTML 5 (<canvas>,<header>…), mais aussi de soulager les développeurs web de nombreuses heures de souffrances pour rendre le web « compatible IE6″…donc faites tourner l’info…
Pour télécharger le plugin c’est ici !!!
Voici une vidéo explicative :
News officielle ici.
Il y a quelques jours je vous parlais de WebGL qui permet de gérer nativement la 3D au sein d’un navigateur en se basant sur les balises canvas (Voir ici) et de son intégration dans la version de dev de Webkit .
Et aujourd’hui c’est au tour de Firefox de l’intégrer dans sa dernière Nightly Build!
Bon j’ espère vous dire la même chose pour internet explorer dans quelques jours…mais sincèrement je n’y crois pas…
Dans la série IE6 voici 3 différentes manières de cibler IE6 dans votre code CSS:
1 2 3 4 | #test{ background-color:green !important; background-color:red; } |
1 2 3 4 5 6 | #test{ background-color:green; } #test[id]{ background-color:red; } |
1 2 3 4 5 6 7 8 9 10 11 12 | <style> #test{ background-color:red; } </style> <!--[if IE 6]> <style> #test{ background-color:green; } </style> <![endif]--> |
A vous maintenant d’ appliquer ces exemples à vos problèmes.
N’ oubliez pas que l’ordre des instructions CSS est bien sûr important et que le doctype l’est aussi, comme celui-ci par exemple:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Et n’oubliez pas non plus..la lutte continue
Google Chrome 4 beta venait d’être annoncé il y a quelques jours alors que Google Chrome 3 n’ était pas encore en version stable, ceci est maintenant fait!
Au programme:
Pour le télécharger c’est par ici.
Et si vous l’avez déjà vous pouvez aller tester les nouvelles fonctionnalités sur le Chrome Experiments.
Je teste depuis quelques jours la version finale de Windows Seven sur un PC de bureau qui était sous Vista et je sens une bonne impression de légèreté par rapport à son prédécesseur, en effet je n’ai eu aucun lag depuis l’installation ce qui est quand même fantastique!! Bon d’accord ceci est peut être dû au processeur qui est un quatre cœur…,mais sous Vista il « ramait » régulièrement…
Au niveau compatibilité des logiciels je n’ai eu aussi aucun problème, sauf pour l’antivirus Kaspersky, mais celui ci offre une version de Dev compatible Seven jusqu’à ce que la version stable sorte (http://www.kaspersky.com/windows7).
Mais je ne suis pas arrêté là! J’ai aussi testé Seven sur un PC portable un double cœur et les sensations sont pratiquement les mêmes, pour l’instant aucune crise de nerf n’a éclaté et c’est bien l’essentiel.
Apparement même les contructeurs de NetBooks prévoient de mettre Windows 7 sur leurs machines, et à en croire la vidéo ci-dessous , cela tourne plutôt bien (pas mal ce EeePC T91 d’ailleurs…):
Étant habitué à des déceptions avec Micro$oft je pense quand même pour une fois qu’ils vont réussir leur Pari qui est de faire oublier Vista …
IETester permet de tester vos pages Web sous Internet Explorer 5.5, 6, 7, 8 et peut être installé sous Windows XP, Vista et Seven.
Et d’après mes tests, il a l’air très fiable 
.
