background preloader

Quatre limites très gênantes du Responsive Web Design

Quatre limites très gênantes du Responsive Web Design
Très à la mode, le Responsive Web Design peut cependant ne pas convenir à certains sites. L'expert Rémi Parmentier, du site HTeuMeuLeu.fr, explique certaines limites. "Il y a clairement un effet de mode. 2012 a sans doute été une année marquée par l'adoption du Responsive Web Design. Mais des questions vont aujourd'hui commencer à pouvoir sérieusement émerger autour de cette technique. 1- Le problème de l'affichage des publicités Le premier problème, rédhibitoire pour certains sites monétisés : l'affichage de la publicité, très fortement chahuté par le Responsive Design. 2- Le problème de la connexion des smartphones Le but du Responsive Web Design est de servir le même contenu web aux smartphones, tablettes et ordinateurs. Par exemple, charger dynamiquement une carte issue de Google Maps ne pose aucun problème sur un ordinateur classique, mais en posera depuis un smartphone avec une connexion Edge. 3- Des problèmes de maintenance ? Des pistes d'amélioration à creuser ?

Animated Menus Using jQuery » ShopDev Website Design Blog I recently stumbled upon Dragon Interactive (dragoninteractive.com). It’s a pretty well designed site. However, the pièce de résistance is their rather cool animated menu. Now… had this been designed in Adobe Flash, I wouldn’t had paid much attention. Designing The Sprite To begin with, you will need to build your design in Adobe Photoshop - or some other illustration program. The XHTML Markup Here is the XHTML markup that is used in the demo: As you can see, an unordered list is used to structure the menu. The CSS For the demo, I assigned the repeating image as a background image for the <ul> element. Notice that in the above CSS, “list-style:none;” is used to prevent styling the list using the default bullet point format. Now we get to the good stuff! Each column represents a different link. This is because the “Home” button was designed such that it has a height of 81px and a width of 159px. In the above code, we position the background image to the top left.

Responsive webdesign : adapter un site à toutes les résolutions Le Responsive webdesign (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant d’universaliser un site Web. Qu’il soit consulté sur ordinateur, tablette, e-reader ou mobile, le site ainsi conçu s’adapte automatiquement à la taille de l’écran. Cette évolution très séduisante du Web pose néanmoins certaines questions d’ergonomie et oblige à repenser la conception des sites. Nous abordons dans cet article les objectifs du responsive design, les critères qui doivent décider à le mettre en œuvre, les recommandations de conception et les considérations techniques. Objectifs du responsive webdesign Pour commencer, rien de tel qu’une démonstration. Entrons dans le vif du sujet. Les sites Web sont aujourd’hui consultés sur une multitude d’appareils ayant des résolutions différentes Proposer une seule version du site Web censée s’adapter à tous ces terminaux est utopique. Le site ifttt n’est pas adaptable. Responsive ou versions séparées ?

"Post pas forcément pertinent, ce qui n'est pas clairement expliqué c'est que pour avoir un site responsive, il est indispensable de le penser/concevoir dès le début du projet."
(tout est dans les commentaires du post) by agnesdelmotte Jan 31

Related: