Mes liens
796 shaares
64 results
tagged
Responsive
On a recent responsive project, I quickly ran into a new challenge: how to manage JavaScript on a site where the interface and functionality changes at different breakpoints. For example, an image carousel might need to be animated at one breakpoint but turn into a simple image grid at the next; you don't want that JavaScript to still be functioning if someone crosses between them.
The Five Simple Steps website has a responsive design with a neat feature. When the browser window is narrow, the menu in the upper right converts from a regular row of links into a dropdown menu.
The idea of the original was to abandon the grid layout of the table and make each cell it's own line. Each of those lines is labeled with a pseudo element. This creates a much taller table, requiring more vertical scrolling, but does not require horizontal scrolling. It's easier to browse the data without losing context of what's what. The downside is that you might lose the context of data comparison, since you no longer see see cells of data right next to other cells of that type.
S’il y a bien une tendance forte en Webdesign cette année, c’est le « Responsive webdesign ». Cette technique consiste à adapter un site quelque soit la taille et la résolution d’un écran.
Je vous passe les détails technique tant les articles sur le sujet son nombreux.
Et comme d’habitude en Webdesign, le plus pénible est de tester ses sites. C’est long et fastidieux.
Responsinator est un webware qui permet de tester en ligne le comportement de ses sites sur différentes tailles d’écrans. Les plus populaires sont référencées.
Je vous passe les détails technique tant les articles sur le sujet son nombreux.
Et comme d’habitude en Webdesign, le plus pénible est de tester ses sites. C’est long et fastidieux.
Responsinator est un webware qui permet de tester en ligne le comportement de ses sites sur différentes tailles d’écrans. Les plus populaires sont référencées.