响应式 Web 设计(Responsive Web design)的理念是,页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query 的使用等。无论用户正在使用笔记本还是 iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说, 页面应该有能力去自动响应用户的设备环境。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。
本文向你推荐 35 个免费的响应式网站设计模板(模板中的英文介绍就不再翻译,请看图):
35. ZENI
Zeni is great for creative portfolios, blogs and even corporate and business websites.
34. JOOMSPIRIT 76
The design is responsive and there is no javascript involved. It is better for SEO because of the HTML5 platform.
33. RESPONSE
(Demo | Download)
This one is really fluid template created with HTML5/CSS. It is simple and clean. It is easy to use and on top of everything else it is responsive.
32. RESPONSIVE TEMPLATE
This template incorporates HTML, CSS and Javascript. It is a small and easy to use template perfect for you if you are a beginner.
31. MODUS
A responsive template is the new thing when it comes to websites. This is an HTML 5 template which you can use for your blog, portfolio and business portfolio.
30. SUNRISE
This theme is exclusive to SilverStripe and is appropriate for any kind of business. It uses HTML5 and CSS3. It is very clean and minimal.
29. IT FITS
This template incorporates CSS3 and HTML5. You will have a home page, portfolio page, regular page, blog page and contact page. There is also a 404 page.
28. RESPONSIVE HTML5/CSS3 TEMPLATE
This particular template has a sticky header including jQuery Scroller, jQuery Page Slider, jQuery Image Gallery and it incorporates HTML5 and CSS3.
27. DESIGNA
A clean template that incorporates HTML5 and CSS3 and works on jQuery. It is fully responsive and has a working PHP contact form for you too.
26. FLEXAPP
This is a free and fully-responsive HTML/CSS website template to help you market your mobile application.
25. LIQUID GEM
Liquid Gem utilises CSS media queries and percentage layouts to give a completely responsive design. It also includes an image carousel, a fully working PHP contact form and a sample work page.
24. RESPOND
This is another beautiful template for you to use. It is responsive and based on HTML and CSS. You can use it for your blog or professional website in order to promote your product however you may wish.
23. RESUME
Resume is a one page HTML 5 template and responsive made using the twitter bootstrap it’s pretty simple and easy to configure and the cherry on top is that it is free of course.
22. BROWNIE
If you need a responsive website for your business, you just want to show case your portfolio or you are developer who loves readymade work, Brownie is perfect for you.
21. SIMPLISTE
This is a very simple and responsive HTML5 based template. All you need to do is download it and voila.
20. RESPONSE
<
Response is a clean and professional template suitable for business, portfolio or General websites. Its created using the latest technologies like jQuery, Ajax, CSS Media, CSS Transitions. With a responsive design it works on all devices: Desktop, tablet, iPad, iPhone, and Android Phones!
19. SERENDIPITY
This theme also has a premium version available but as you must have guessed this download here is absolutely free.
18. FOLDER
Folder is a responsive HTML 5 template that adapts to any devices and browser sizes; perfect for creative showcase and business. Its retro and minimal design gives importance to the content and gives a friendly air to the visitors.
17. ONEPAGER
OnePager is a Free Responsive HTML5 Responsive Template for portfolio and business websites. Simple, creative and focused! The template comes with a nice image slider for featured work and an image gallery with popup support. It also includes circular knobs for skills.
16. RESPONSIVA
You can use this template for your blog or a personal website. It is 2 columns with a sidebar available. It includes a home page and is based on HTML5 and CSS3.
15. RESPONSEEVE
This is a responsive design with a flexible grid and slider. You have CSS3 features available to you. Besides, this one looks really fresh, clean and modern.
14. ABC
Simple website design and elegant HTML code makes this template very attractive. This template can be used even if you are planning to create responsive blog website.
13. RESPONSIVE HTML/CSS3 CV TEMPLATE
This particular template uses CSS3 animations. Go on give it a try, it does need improvements, but you can create and impressive online CV.
12. MINIMAL
(Demo | Download)
This is a free responsive website template. This template is ideal for a nice sleek and simple portfolio website.
11. PROXIMET
Proximet is a free HTML5 /CSS3 Responsive Template. It is compatible with Major Browsers, Smartphones and Tablets. Just resize the browser window to see it in action! It is based on 960 grid and elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait)
10. TRI
This is a fully responsive website template built on the Skeleton Framework.
9. SYMFONI
The Symfoni Free Website Template is based on a Fixed Width layout with 2 Columns and uses an HTML5 doctype. It is a Dark on Light design developed by “OS Templates”.
8. RESPOND 1.5
This particular responsive template is absolutely free and is perfect for your business and personal portfolio.
7. LEFTER
If you are looking to make an impressive blog and you are a beginner, this is a perfect template for you guys.
6. RESPONSIVE WEBINC
It is red in color, responsive, offers two columns and has a right-hand sidebar. It is based on CSS3 and HTML5 and Bootstrap.
5. ZEROFOUR
Based on HTML5 and CSS3. It is available in both one and two columns and offers a blog and a home page.
4. VERTI
This template is based on HTML5 and CSS3. It is available in both one and two columns and offers a blog and a home page.
3. MINIPORT
MiniPort is based on HTML5 and CSS3 and is perfect for a simple blog if you are looking to make one. It offers a single column and a single page.
2. TXT
This particular template has a home page and a blog page. It comes in one or two columns and that is totally your choice and you have the options to decide on how many sidebars you want.
1. HALFTONE
It comes in two and three columns. It is based on HTML5 and CSS3. It offers a home page, features page, blog page and contact page and etc.
via smashinghub