background preloader

Creation en ligne de gif anime

Creation en ligne de gif anime

Responsive Design in 3 Steps Responsive web design is no doubt a big thing now. If you still not familiar with responsive design, check out the list of responsive sites that I recently posted. To newbies, responsive design might sound a bit complicated, but it is actually simpler than you think. To help you quickly get started with responsive design, I've put together a quick tutorial. Step 1. Most mobile browsers scale HTML pages to a wide viewport width so it fits on the screen. Internet Explorer 8 or older doesn't support media query. Step 2. In this example, I have a basic page layout with a header, content container, sidebar, and a footer. Step 3. CSS3 media query is the trick for responsive design. The following set of rules will be in effect if the viewport width is 980px or less. Then for viewport 700px or less, specify the #content and #sidebar to auto width and remove the float so they will display as full width. You can write as many media query as you like. Conclusion

Select a photo effect or try goodies application | BeFunky

Related: