Le site Chrome Experiments ne cesse de nous étonner.
Après les démos techniques habituelles qui visent à démontrer la rapidité du navigateur Chrome sur ses concurrents, quelques développeurs de Google viennent de réaliser un clip pour Arcade Fire.
Tous les articles de Baptiste
Défilement parallaxe avec jQuery
4 février 2010
Développement web | Technologie
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.
Expérimentations Javascript
20 janvier 2010
Développement web | Google | Technologie
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.
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.
Les avantages de CSS3
8 janvier 2010
Développement web | Technologie
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…
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.
Testez la visibilité de vos pages avec Browser Size
17 décembre 2009
Social Media
Google Labs viens de sortir un outil baptisté Brower Size qui permet de tester vos pages pour savoir quelles sont les zones les plus visibles pour vos visiteurs.
En effet, tout le monde n’a pas un écran 24 pouces et certains éléments risquent de ne pas être vus par vos visiteurs ayant de faibles résolutions.
Sans surprise, les zones les plus visibles sont situées en haut et à gauche. La largeur de vos pages ne devrait donc pas dépasser 1000px pour s’afficher correctement sur la majorité des écrans.
Mais cela veut-il dire également que vos pages doivent tenir dans moins de 600px de hauteur ?
Absolument pas ! les tests utilisateurs prouvent que les internautes savent scroller !
Cela veut dire que vos éléments les plus importants doivent apparaître avant la limite et les éléments secondaires plus bas.
Cette pratique existe également dans la presse papier. En effet, les journaux mettent toujours les informations les plus percutantes ‘above the fold’ (au dessus du pli) afin qu’elles soient visibles du premier coup d’œil dans les kiosques.
Quelques conseils pour encourager vos visiteurs à scroller :
- Aérez vos pages
- Évitez les grosses lignes horizontales (effet de barrière)
- Ne faîtes pas de blocs avec scrollbar interne
Pour plus d’informations, lisez The myth of the page fold: evidence from user testing
Disney (USA) lance une opération « volontaire »
16 octobre 2009
Social Media
Disney (USA) a annoncé mardi 29 septembre le lancement d’une opération visant à inciter les américains à donner de leur temps pour les autres.
Cette opération nommée « Give a day, Get a Disney Day » souhaite mettre à contribution 1 million de volontaires sur l’année 2010 (du 1er janvier au 15 décembre) pour rendre service, ou tout autre acte de volontariat bénéfique pour la société.
Comment tester ses sites sur mobile ?
27 août 2009
Développement web | Technologie
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…
IE6 : L’abandon accéléré par les développeurs
16 juillet 2009
Développement web | Technologie
A mesure que les navigateurs deviennent de plus en plus performants, que les sites deviennent de plus en plus riches, il devient difficile pour les développeurs de réaliser le grand écart et de supporter encore Internet Explorer 6.
Accessibilité des sites publics : le décret publié au Journal Officiel
18 mai 2009
Social Media | Technologie
Cela faisait 4 ans que le dossier était dans les ministères (loi sur l’égalité des droits et des chances du 11 février 2005). C’est désormais officiel depuis le 14 mai dernier. Les sites de « l’Etat, les collectivités territoriales et les établissements publics qui en dépendent » auront donc 3 ans pour se mettre en conformité avec le référentiel mentionné par le décret.
Nintendo fête les 20 ans de la Gameboy
28 avril 2009
Social Media
La semaine dernière, Nintendo fêtait les 20 ans de la Game Boy. En effet, c’est un vendredi 21 avril 1989 que la première console de Nintendo a découvert les rayons de boutique de jeux vidéo Nippons. Elle ne débarquera en France qu’en novembre de l’année suivante.
Equipée d’un processeur à 4Mhz, de 8ko de Ram, d’un écran LCD (160×144) avec 4 nuances de gris et d’une capacité vocale de 4 voies stéréo, celle-ci se sera écoulé à travers le monde a plus de 118 millions d’exemplaires (toutes versions confondues).
