HTML/CSS framework for
converting and integrating designs.

A process also known as PSD/AI to HTML/CSS.

6.57 kb

It's small, optimized and minifed. It's perfect for your design projects.

Download F2fw 3

from GitHub

You choose what it comes with.

F2fw is made up from nodes, specific components that you decide if to include in the framework or not.

It has a small total size

F2fw gives you the basics of what you'll need to start converting & integrating; nothing else, nothing more.

It's easy to understand

F2fw is easy to use & learn: go through the documentation and get used with the nodes.

EXAMPLE

How to include the logo.

Under the Don't Repeat Yourself principle, F2fw suggests the following method to insert the logo in your web site:

Save the logo as logo.png inside the /images folder and add the sizes in the style.css file; examine the first box on the right side.

Under the h3.incl element, F2fw automatically loads any logo.png from the /images folder, without you having to repeat the CSS properties needed to remove the text and display the background image.

CSS

#logo h3.incl a {
    height:24px;
    width:56px;
}

HTML

<div id="logo">
   <h3 class="incl">
       <a href="#" title="#">F2fw</a>
   </h3>
</div><!-- end #logo -->