Intégration

Forcer Internet Explorer à immiter les navigateurs dernière génération

Ie7 est une fabuleuse bibliothèque JavaScript qui force internet explorer à agir comme les navigateurs dernière génération (firefox, chrome, safari …) en matière de rendu HTML et de standards W3C. L’utilisation de certaines balises HTML5 et sélecteurs CSS3 est ainsi possible.

3 des principaux avantages

Intégration HTML plus simple et plus puissante

  • Par le biais de sélecteurs css2 et css3, l’accès direct au premier, nième ou dernier élément d’une structure html (liste, tableau…) est désormais possible. Plus besoin de mettre des classes partout sur nos élément html

tableau apparence "full css"

  • certaines propriétés css tel que le « :hover » sont désormais applicable sur tous les éléments… Il est ainsi possible de faire un menu full css

menu full css

  • Les png simples sont aussi utilisables

Pages HTML mieux structurées

  • il est possible d’utiliser d’autres balises que les « div » comme le montre cette image.

comparaison sutructure en div et structure htlm5

Pages html mieux référencées

Le balisage sémantique pourrait avoir un impact sur le positionnement dans les SERP. Effectivement la composition de la page en blocs (en-tête, menus, blocs latéraux, pied de page, etc…) permet aux robots de les traiters comme des entrées distinctes. Ils accèderont ainsi directement aux contenus essentiels.

Cette bibliothèque permet à tout intégrateur HTML de se projeter dans le futur du web malgré la contrainte d’Internet Explorer.

Néanmoins il y un souci au niveau du temps de chargement de certaines pages web contenant cette bibliothèque.

L’utilisation conjointe de html 5 et css3 est une véritable bénédiction, cette combinaison facilite plus que jamais la réalisation d’interfaces web.

Wordpress 3.0 s’installe

Le 15 mai 2010 la version 3.0 finale de Wordpress sera disponible librement au téléchargement. Les modifications apportées à ce moteur de blog, qualifié de CMS robuste pour certains, sont assez nombreuses. Cependant en tant qu’administrateur de site Wordpress ou bien en tant que développeur vous ne devriez pas perdre vos réflexes.

La beta 1 est disponible au téléchargement depuis le début du mois d’avril. Ce qui a laissé le temps aux curieux de le tester en long en large et en travers. !sachez que depuis le 06 mai la beta 2 est disponible.

Lors de l’installation et de la configuration

L’installation fonctionne exactement sur le même principe qu’un Wordpress MU. Si vous n’avez jamais travaillé avec Wordpress MU sachez que vous ne devrez pas copier un fichier wp-config-sample.php vers wp-config.php puis l’éditer avant de mettre en ligne l’ensemble des fichiers de votre Wordpress.

Désormais vous décompresserez une archive, la mettrez en ligne et ferez l’installation étape par étape directement dans votre navigeteur Internet. Vous pourrez d’ailleurs choisir le nom de l’administrateur principal de votre Blog, fini le “admin” avec un mot de passe généré aléatoirement.

Vous constaterez lors de l’affichage de la partie publique de votre site que le thème par défaut à changer. Le nouveau est administrable beacuoup plus facilement puisqu’il existe dans Wordpress 3.0 des fonctions pour changer le fond de la page, le header ou pour personnaliser facilement le menu de navigation, mais nous y reviendrons.

Administration de votre site au quotidien

Wordpress et Wordpress MU ont fusionné dans cette version. De ce fait avec un seul déploiement de Wordpress vous pourrez facilement créer plusieurs blogs sur le même domaine. Les plugins seront centralisés et pourront être activés ou non sur chacun des blogs que vous créerez, tout comme les thèmes.

Wordpress MU est déjà utilisé pour des sites Internet robustes tel que celui de la CNN, chaque journaliste a son propre blog avec un thème différent.

Cette nouvelle version est fournie avec un thème différent. Il est possible de facilement modifier l’image d’en tête ou bien le fond de page sans toucher à une ligne de code, mais grosse nouveauté il est également possible de constituer les menus de manière intuitive en faisant du glisser / déposer dans l’interface d’administration.

Dans les menus il est possible de mixer les pages, les catégories de billets ou encore les liens externes sans aucune difficulté.

Finalement vous ne devriez pas être déstabilisé par cette nouvelle version si vous travaillez déjà avec un Wordpres 2.9.x. Il s’agit de plusieurs évolutions mineures et de l’intégration de Wordpress MU. Si vous découvrir les possibilités réelles de l’application il existe une version de test utilisable librement avec le login “demo” et le mot de passe “wordpress”. Ce site de démonstration ne sera plus actif le 31 mai.

Défilement parallaxe avec jQuery

Le défilement parallaxe (ou scrolling différentiel) est une technique utilisée depuis longtemps dans le cinéma, le dessin animé ou le jeu vidéo pour créer une illusion de profondeur.

Cet effet consiste à superposer plusieurs calques et les faire défiler à des vitesses différentes.

Il est possible de recréer cet effet dans une page web assez facilement avec CSS et jQuery.

Voir la démo

parallax

Continue reading “Défilement parallaxe avec jQuery”

Habiller et déshabiller Firefox avec “personas”

Grâce à personas vous pouvez changer les habits de Firefox selon votre  humeur, personnalité…
Vous pouvez l’habiller du gris au noir, du rose au vert, de fleurs ou tout simplement de beaux paysages…

C’est sympa et ludique

Pour la  démo c’est par ici :

La pluie et le beau temps sur Google Map

Dans la série quoi de neuf aujourd’hui sur Google Map ?

Réponse du jour la Météo !

En effet, le site isitsunshine.com utilise l’API Google Map pour nous fournir un bulletin météo sur mesure.

Météo sur Google Map

Continue reading “La pluie et le beau temps sur Google Map”

Expérimentations Javascript

Il y a environ un an, Google avait sorti un site de démos techniques (www.chromeexperiments.com) afin de promouvoir la rapidité de son navigateur Chrome par rapport à ses concurrents.

Depuis, les développeurs continuent de poster de nouvelles démos sur le site.

photo

Effet de peinture à partir d’une photo grâce à HTML5, Canvas et jQuery

Ces démos présentent les possibilités offertes nativement par Javascript combiné avec des technologies web comme HTML5, Canvas ou SVG.

Continue reading “Expérimentations Javascript”

JQuery 1.4 est dans les bacs

JQuery

La nouvelle est tombée hier, mais a été quelque peu oblitérée par l’actualité sur le Net… JQuery 1.4 est disponible depuis hier ! Ca concerne surtout une amélioration de la performance. Voyons dans les grandes lignes ce qui nous attend…

Comme d’habitude vous pourrez télécharger le tout de deux façons différentes :

Notez aussi qu’il est possible d’appeler directement l’URL suivante dans vos pages afin de bénéficier de grandes performances : http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

Continue reading “JQuery 1.4 est dans les bacs”

Windows 7 : une nouvelle ère pour les navigateurs webs

ballot1

Suite à la plainte déposée par Opera Software , Microsoft a signé avec l’Union européenne un accord qui pourrait mettre fin à la suprématie d’Internet Explorer ( navigateur par défaut sur Windows)

Les utilisateurs de Windows 7 auront accès à un écran multi-choix « ballot screen » où les navigateurs seront affichés de façon aléatoire

Les statistiques vont certainement prendre une autre dynamique : rendez vous sur  NetApplications pour voir les évolutions …

Il est certains que les navigateurs les plus rapides, les plus ergonomiques, les plus respectifs des standards 3wc seront les plus utilisés pour surfer sur la toile. Nous n’oublierons pas que les fonctionnalités proposées compteront aussi pour beaucoup dans cette dynamique.

Les utilisateurs actuels sont beaucoup plus informés sur la technologie web grâce au web2 et le développement du web interactif (blog , face book, twitter…). Ces derniers ont certainement d’avantage de recul sur les navigateurs, et ne se contenteront, certainement pas d’utiliser n’importe quel navigateur…

alors que le meilleur gagne !!!

Les avantages de CSS3

Pour les non développeurs, CSS3 ne semble rien apporter de révolutionnaire.

Des coins arrondis, des ombres… On en faisait déjà avant, non ?

La grande nouveauté, c’est que CSS3 permet aux intégrateurs d’automatiser ces effets visuels qui nécessitaient jusqu’à présent l’utilisation d’images, de scripts ou de modifications du code HTML : ombres portées, coins arrondis, opacité, arrière plans multiples, dégradés complexes, multi-colonage, effets textuels…

Boutons CSS3

A gauche : Internet Explorer 8 / A droite : Firefox 3.5

Dans cet exemple, il suffit d’une seule ligne de code CSS3 pour activer les effets visuels visibles à droite.

Continue reading “Les avantages de CSS3″

Grace à Spoon : Vos navigateurs sont à portée de main

spoon

Spoon une application formidable qui va vous permettre de raccourcir vos temps de recette.

Vous n’irez plus voir vos collègues de bureau pour leur demander “Dis moi ? Tu as toujours IE 6 installé sur ton poste ? Je peux t’envoyer un lien à tester ?“.

Continue reading “Grace à Spoon : Vos navigateurs sont à portée de main”