Tag : css3






Responsive Design : Video & other container fluid

.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}

.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

source : http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design




Web Fonts & Responsive Design

Adobe met à disposition des web fonts en ligne à l’adresse suivante : http://html.adobe.com/edge/webfonts/

La mise en oeuvre est simple, un appel via une déclaration dans le head et une intégration via css.

Avec les tablettes et smartphones, le responsive design a pris son essor. Une ressource intéressante provenant du blog webmonkey : http://bradfrost.github.com/this-is-responsive/.

Un exemple alliant les deux :

http://merveille.ch/portfolio/responsive.html





  • 1
  • 2