From my previous article on this blog related to HTML/CSS frameworks, I’ve been working on a personal framework that is now implemented in all Artmov’s projects: F2 Framework.
What is F2 Framework?
F2 Framework is a powerful HTML/CSS framework with the main purpose of speeding up the frontend development of a website. It contains many popular components that you will use in developing a website. The components are structured and coded in a intuitive way to provided a better and maintainable frontend development.
It’s beautiful code.
The library of components that are now included in version 0.1.3, you can find: breadcrumbs, from 1 to 6 columns code, jump to top, horizontal menu, vertical menu – and more.
Consider navigating through Live section or Help section to discover more.
Keynotes of F2 Framework
- You can add the F2 Framework in only one-line to your CSS;
- The total size of F2 Framework is 8 kb (estimative);
- Components are intuitive structured for better meaning and maintainability;
- It’s easy to learn: Go to Help section to see how the code is structured;
- The index.html automatically insert a Javascript file to notify Internet Explorer 6 users of their out-dated browser;
- Printer-specific stylesheet is provided by default.
Download and Live Demo
You can download a production version or the development version. Also, there’s a live demo available.
The future of F2 Framework
A to-do list of item to included in the next version of F2 Framework will be:
- Internet Explorer 7 support on default library of components;
- Searching and integrating more components.
Looking for more? See all posts on the blog.