Intégration

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”

The Lightbox Clones Matrix

matrice_lightbox1

The Lightbox Clones Matrix est très utile pour trouver un équivalent de Lightbox pour certaines librairies javascript, avec une ou plusieurs fonctions.

La liste est exhaustive mais bien garnie :

  • Lightbox spécifique à chaque framework
  • liste différent critères de chaque Lightbox (options, poids script + librairie, support des galeries d’images, support pages html, iframe…).

The Lightbox Clones Matrix est sans doute l’outil qui vous permettra de trouver chaussures à vos pieds.

Il reste tout de même à rajouter la liste des navigateurs compatible avec chaque type de lightbox .

Comment tester ses sites sur mobile ?

Avec la montée de l’offre internet mobile, il devient intéressant de tester ses sites sur les différents appareils du marché.

En effet, l’expérience utilisateur ne sera pas la même d’un appareil à l’autre car le parc mobile est plus hétérogène que le parc “desktop” : curseur ou écran tactile, clavier ou pavé numérique, support moins répandu de javascript, Flash, etc…

Continue reading “Comment tester ses sites sur mobile ?”