Source for make responsive theme

3 2494

Source for make responsive theme. What is responsive? Before read this article you must know what is responsive. This quote from wikipedia.

[quote author="wikipedia" ]Responsive web design (often abbreviated to RWD) is an approach to web design in which a site is crafted to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). [/quote]

1. Responsive CSS framework.

Before design your theme you can use css framework for make easy your design. A lot of resposive CSS framework in the world. You can search in google. But this is m favorite CSS framework:

a.  Bootstrap from twitter

Powerfull CSS framework and most popular in the world. Not just CSS but more functionality such HTML template and JS.

b. Gumby framework

Responsive 960 Grid CSS Framework. The Grid lets you lay out pages quickly and easily in a natural, logical way. The Gumby Framework’s grid system can be customized and molded to fit your every need — it's easily adapted to any screen size or application. The possibilities are endless; the results are extraordinary.

c. Responsive grid system

Fluid grid CSS framework for fast, intuitive development of responsive websites. Available in 12, 16 and 24 columns with media queries for all standard devices, clearfix, and optional reset.

2. Responsive slider

Yap.. Slider make your website looking good and beautifull. What responsive slider can use in your design.

a. Nivo slider

The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market. Completely free and totally open source, there literally is no better way to make your website look totally stunning.

b. Flexslider

FlexSlider was built to serve up the best responsive jQuery slider around. This slider from woothemes, very responsive and you can make carousel with this slider and support video.

c. SequenceJS

Sequence provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 -- no jQuery knowledge required!

3. More source

a. Modernizr

For fixed responsive on ie bugs. For alternative you can use HTML5Shiv

b. Selectnav

This is for resposnive menu, and i used it for my design. For alternative you can use tinynav

For responsive design you must add tag <meta name="viewport" content="width=device-width; initial-scale=1.0; "\> in head.

 

banner 468x60
Category: WordpressTags:
author
Hello world! My name gian, im from blogging from indonesian. Im interest with webdesign, php coding and wordpress. Why i choose wordpress? Because its simple and easy to use for my blog. And thanks to read my article.
3 Responses