Tag Archives: 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 🙂

Portfolio PSD Template V 2.0

Our last Portfolio PSD Template, which was a standalone one page PSD Template got a lots of love from you – its the most popular download till the date on CSS Junction. Considering you deep interest in that portfolio template, here I have updated its design, added more pages that makes it a complete portfolio package template.

V 1.0 (Original) Template

Portfolio PSD Template V 1.0

V 2.0 Template

Portfolio PSD Home page

Major updates

  • Navigation
  • Typography
  • Content section
  • Additional pages added

Technical details

  • You’re right – its on 960 grid.
  • Heading fonts from Google Web Font – its Oswald.
  • Body copy texts – Antic from Google
  • All images (except work samples) are royalty free stocks from photoXpress.com.

Other pages

1. List page
List page template
2. Full page
Full Portfolio Page
3. Contact page
Contact page template
All together – 4 pages, which makes it a complete template pack.
As you know- I don’t like to talk much when its a freebie post – straight to point. Download the PSD.

Loved it? I wont mind a tweet or share on facebook.

Free HTML5/CSS3 WordPress Theme – Clin-UPress

After long time we are today releasing a very useful freebie – its a HTML5/CSS3 WordPress theme. Initially I coded this theme for my current blog, (where you’re now) but I came to create another minimal theme which is used now. So the theme was ready and without use in my HD – the reason I came to give it for you.

Theme is best suited for running personal blogs, community blogs, tech blogs etc. Having excellent typography ensures visitors will enjoy reading. There is Bebas for main headline and secondary headlines are on Arial, rest of the copy is in ‘Sansatin Regular’. I grabbed both fonts from FontSquirrel.

PSD

There is no PSD of this theme, I directly coded it in HTML.

Mark up

Theme is coded in HTML5/CSS3 on base of HTML5 Boilerplate. Its just a HTML Template, isn’t coded in PHP yet. Currently theme has following pages

1.) Home page

Clin-UPress Home Page

2.) Single post page

Clin-UPress Single Post Page

3.) Full width post page
4.) Contact page

Browser compatibility:

Since theme is coded in HTML5 and CSS3 – I have tried to use much less images as I can. This theme is compatible with standard browsers and falls gracefully in IE.

Copyright

You can use this template for any kinds of usage – in your personal blog page or may be in commercial projects, but you can not remove the footer link for original theme location.

Also I am gonna release its working WordPress theme which will be coded in PHP, subscribe our RSS feed or follow me in twitter to get updates.

Futher, what you can not do is you can not publish its version template in your blog. Let me know if you’re interested to code it in php & release it through this blog.

Check it out, demo of HTML Theme
Demo

You can grab all theme files in a ZIP, for free:
Download

If you find it really useful, share it.

Simple Contact Form (Free PSD Template)

A form on the website made to contact the site owner, much simple short it is, the better. More users are likely to leave the form in between if its longer and asks users to fill out 10s, 15s fields.
Here is Simple Contact Form, actually its a Free PSD Contact Form PSD for you, can help you get more interaction with you site visitors.

Preview (click on image to see actual size)

Contact-Form-PSD

Download PSD Format

Other Similar PSD Forms

Enjoy contacting.
If you want more usable resources get in touch @shekhardesigner or subscribe RSS Feed

Dark HTML CSS Template – Mega ICT Expo 2012 : Friday Freebie

Dark HTML CSS Template Preview

Time is to release our ‘Friday Freebie’ and we have HTML CSS Template for this week. I made this template for my college work, its about 6 months ago. I think, this template may be helpful to you, so here I come to give on today’s Friday Freebie.

HTML Demo.

Template contains a lot HTML pages, in which you might find some similar pages to each other also. This template usage <table> mark up and normal JavaScript functions.

Why <TABLE>s?

If you’re questioning me ‘Why <table>’s, my answer will be:
My college’s guidelines to develop a site:

  1. Do not use DOCTYPE
  2. Use Plain HTML, less DIV elements as much as possible
  3. Use custom JavaScript functions, instead of plugins and libraries.

Custom JavaScript Modal Window

Get Template ZIP

Though since I came to give this HTML/CSS Template for free, I have placed Doctype on all pages. Some visuals are enhanced by CSS3 also.

Comming week will bring you extensive PSD Templates, so stay visiting, Subscribe RSS feed.
Let me know, if this helped you, comment below.