Synerg'heBlog le blog de la Junior-Entreprise spécialiste du web » Actualité et veille numérique

12
Le 6 juillet 2011 à 10h07 par Thibaut

Développer en responsive design

Le responsive design consiste à réaliser des sites qui s’adaptent à n’importe quelle machine.

Le design du site s’adapte à l’écran du périphérique utilisé. Tout cela à partir d’une url unique.

Donc fini les sous-domaine inutile m.exemple.com ou bien encore http://www.synerghetic.net/mobile/

Une url unique permet de résoudre les problèmes de référencements liés à la duplication du contenu sur des sous-domaine.

site responsive design

Je vais à présent revenir sur des points plus techniques abordés lors de ma conférence au pôle mobile de Synerg’heTIC.


Lire la suite »

Le 19 octobre 2010 à 14h10 par Cyprien Decouty

ParisWeb 2010 : la conférence web pour (et par) ceux qui font le web

Nous avons eu le plaisir d’assister à la 5ème édition de la conférence ParisWeb qui s’est déroulée dans les locaux d’IBM à Bois-colombes. Le mouvement social n’a pas empêché 400 personnes de se rendre à cet évènement à l’organisation impeccable et aux conférences de grande qualité. Oubliez les paillettes de LeWeb et les 30 sponsors Gold, ici ce sont les gens qui ont les mains dans le cambouis qui organisent et participent. La diversité des profils est frappante : designer print, web designer, intégrateur, consultant sans oublier le développeur back-end Java… Toute la chaîne était présente d’où certains troll lors des débats (on y reviendra). On regrettera peut-être le manque d’étudiants, mais cet article est aussi là pour les motiver pour ParisWeb 2011 !

ParisWeb IBM Forum

« A LeWeb on parle du web, à ParisWeb on fait le web »


Lire la suite »

Cyprien Decouty
Billet publié par Cyprien Decouty
dans Evénementiel
Le 4 janvier 2010 à 08h01 par Adrien Pepin

Cloud Computing : présentation et état des lieux

Cloud ComputerCloud Computing est l’un des termes qu’on a le plus entendu en 2009 avec Twitter. Aussi populaire que soit l’expression, elle reste toutefois assez vague à définir et à expliquer.

Redescendons un peu sur la terre ferme en revoyant ensemble ce phénomène. Une fois les clés en main, votre opinion pourra devenir tranchante et votre culture Web enrichie.

Quel bonheur !


Lire la suite »

Adrien Pepin
Billet publié par Adrien Pepin
dans Veille techno
Le 3 mars 2008 à 23h03 par Mathieu Crucq

La BBC et l’accessibilité, un exemple à suivre

Logo BBCComme certains le savent déjà surement, la chaîne anglaise BBC vient de sortir son nouveau site internet. Au delà de l’aspect très moderne que celui-ci arbore et des fonctionnalités de personnalisations similaires à Netvibes, une attention toute particulière a été portée sur l’accessibilité.
En effet, rares sont les sites à prendre en compte les différentes déficiences visuelles. Bien sûr, la bonne sémantique du code permettra aux synthétiseurs vocaux d’interpréter le contenu mais entre la pleine vision et non voyance totale, il existe un nombre importants d’états intermédiaires.

bbc home

La présence d’un configurateur d’apparence vient palier à ce problème. Il est désormais possible de pouvoir intervenir sur l’apparence du site afin de le rendre le plus facile à lire pour la vue. Inversion des couleurs, texte en blanc sur fond noir, changement de contraste, tailles des polices, typographies, tout est ici paramétrable ! Une visualisation en directe permet de se rendre compte du résultat avant validation.
Quel progrès ! Ce genre d’initiative n’est certes pas nouvelle mais rarement déployée de manière aussi complète et efficace sur un site aussi important que celui de la BBC.
Bien évidemment, cela a un impact non négligeable en terme de coût de réalisation. Si cette politique est clairement à encourager, je serais quand même curieux de savoir si le retour sur investissement (un des facteurs qui décourage les annonceurs) est intéressant sur un projet de cette envergure et pour ces problématiques d’accessibilité.

BBC configurateur

 

Une initiative similaire avait été présentée lors des ateliers Paris Web 2007 pour le musée Beaubourg et son site adapté au public handicapé.

Réalisé à l’époque par des étudiantes des Gobelins (aujourd’hui professionnelles du web), ce site permet d’obtenir de nombreux contenus de manière totalement accessible (adaptation du site aux différents types de déficiences visuelles, vidéos sous titrées, interprétation correcte par les synthétiseurs vocaux etc…)

 

beaubourg accessible

 

Mathieu Crucq
Billet publié par Mathieu Crucq
dans Qualité web
Le 18 novembre 2007 à 17h11 par Mathieu Crucq

Ateliers Paris Web 2007 – Ergonomie des sites Internet avec Amélie Boucher

Logo Paris Web 2007

Tout juste rentré des ateliers Paris Web 07 que déjà la frustration de n’avoir pu assister aux conférences s’installe. En effet, tous les excellents échos que j’avais pu avoir se sont révélés vrais.

Plusieurs « pointures » du web français et international étaient présentes ce qui a donné lieu à des interventions d’une qualité plus qu’appréciable, des interactions nombreuses avec les auditeurs et une bonne humeur générale toute à fait plaisante.

Le seul défaut que j’ai pu trouver à cette journée est qu’il était impossible d’assister à tous les ateliers…damned

Puisqu’il a fallait en choisir 4, voici les ateliers auxquels j’ai assisté :

 

 

Je vais donc vous faire mon petit compte rendu sur ces 4 interventions (en 4 billets différents) qui, est-il besoin de le préciser, ont toutes d’été de grande qualité.


Lire la suite »

Le 26 mars 2007 à 12h03 par Mathieu Crucq

Un bel effort d’AOL?!

Aujourd’hui, un collègue m’a montré le site d’AOL France. Sans être un grand fan de la multinationale, il faut reconnaître les efforts fait pour l’intégration de leur page d’accueil.

Apercu du site d´AOL

Graphiquement, on peut toujours trouver à redire. Cependant, essayez de zoomer sur le texte (”touche ctrl” + “molette de la souris” par exemple). Là c’est tout de suite plus interessant puisque, c’est assez rare pour le souligner, la mise en page est conservée de façon très fidèle selon le niveau de zoom. Les tailles de typographies sont gérées en « em » dans la feuille de style, et les dimensions des images sont probablement mises à jour à la volée par javascript. Chapeau.

Bon, de là à complimenter AOL pour ses efforts en matière d’accessibilité, il faudra déjà voir à valider le code html (transitionnel) au W3C…

Mathieu Crucq
Billet publié par Mathieu Crucq
dans Qualité web