IT FITs Version 2.0 – Our most popular responsive template

It’s been a while but it’s here finally. Version 2.0 of our most popular HTML5 CSS3 Responsive Template.

Major updates since last version:

  • Updated Typography
  • Added large display responsive support
  • Dropped IE8 and older support
  • Removed flashy transitions.

DEMO

If you find any issues and want more features, submit them here in Github – https://github.com/cssjunction/It-Fits

DOWNLOAD

It Fits :: Free HTML5 CSS3 Responsive Template

We have something very special today for all of you great visitors. Its an HTML5 CSS3 Responsive Template, with 5 pages excluding 404 page. This template has something not just merely HTML5 new tags, it’s coded using WAI-ARIA roles for enhanced quality. Uses very less images, taking benefits from CSS3 features. Even icons are fonts – hmm super fast page loading.

UPDATE: New Version 2.0 of this template is available.  Check Version 2.0 –  IT FITS.

HTML5 CSS3 Template

Page you will have:

  • Home page
  • Portfolio page
  • Regular page
  • Blog page
  • Contact page
  • 404 page – (default from HTML5 Boilerplate template.)

I have used LESS css for this projects – for better and faster CSS coding, but you will notice there is pure CSS file is in use. Reason – what I used to do is I do code in LESS and compile it using any software like WINLESS and then I use the compiled pure css files. When you download the template source code, you will find three .LESS files but all complied in one css file that is main.css.

Too much talk? Head over now:

Demo

Browser compatibility:

All modern browser works fine. Responsiveness is missing from IE7 and IE8. IE9+, Chrome, Firefox, Opera, Safari works fine. You can see how it looks on the smaller device by re-sizing your browser. Or head over to The Responsinator, then give the demo URL and see.

In terms of visual appearance, IE7 and IE8 has graceful degradation – no support for CSS3 so as, but template presentation is fine.

IE6??? I don’t talk about it.

That’s it guys – not much talk. This theme has been released under Creative Common  CC 3.0 Attribution (by) license, so feel free to use anywhere.

Download now

Let me know your views and feedback. Please follow us @CSSJunction, if you want to follow the author of template – @shekhardesigner

More HTML5/CSS3 Templates:

10 Excellent CSS Frameworks for Responsive Web Design

Responsive Web Design

The year is 2012, shame on me – everyone knows that. The year is for Responsive Web Design – yeah now I said good thing.  There are plethora of books which can be so useful for getting started, yet when it comes to develop a project – CSS Frameworks strikes in mind. CSS frameworks are great for rapid development.

So here I have listed some of the best Responsive CSS Frameworks you can choose to get started on your next responsive projects.

1. Golden Grid System

Golden Grid Responsive CSS Framework

2. 1140 grid

1140 CSS Grid Responsive CSS Framework

3. Columnal

Columnal Responsive CSS Framework

4. Less Framework

LESS Responsive CSS Framework

5. Zurb Foundation

Zurb Foundation Responsive CSS Framework

6. inuit.css

INUITCSS Responsive CSS Framework

7. 320 and Up

320 and up Responsive CSS Framework

8. flurid

FLURID Responsive CSS Framework

9. The Semantic Grid System

The Semantic Grid Responsive CSS Framework

10. FluidGrids

Fluid Grid Responsive CSS Framework

Hope you enjoyed the list 🙂