Elements is a down to earth CSS framework. It was built to help designers write CSS faster and more efficient. Elements goes beyond being just a framework, it’s its own project workflow.It has everything you need to complete your project, which makes you and your clients happy. Read the Overview for more information.
It’s all about the process!

Elements is a collection of folders and files that help you work faster. It was made to fit into your exsisting workflow, or be its own workflow. From client files to design to code to getting out on the web, Elements is with you through out the entire process.
Some of the awesome features:

* Easy to use
* Lightweight
* Collection of preset classes
* Lightbox included
* An awesome mass reset
* Adds style and usablity to external links with icons
* Can be easily uploaded to your website hosting server
* Free of course
How to use:
1: The first thing you need to do is Download and unpack the zip file from bottom link.

2. Rename

Rename the folder “elements_v2″ to the name of your project. This will usually be the name of the site, but if you want to be cool you could use a codename.
3. Get to Work!

Start working on your site. Save all of your files into the suitable folder, for information on this see the Overview.
4. Upload

After you have coded some stuff, you will want to upload your project to your hosting. You have a few different ways of handling this. You could either upload the contents of the “elements_v2″ folder to the root of your hosting. Or you could upload the entire folder and point your domain to that directory. All of the paths in this framework are done relative to the root. So besure the folders/files are either in the root directory, or the domain points to the correct directory.
Reset your Absolute Paths

If you use absolute paths for your links, your internal links will get external link icons. To fix this you need to reset your internal links. This can be done by opening up externalLinks.css file and look for the comment that is marked IMPORTANT follow what it says. If you have some external links that are images you can give them the class: “exempt” which will remove the external link icon.

Demo: http://elements.projectdesigns.org/overview.html
Download: http://elements.projectdesigns.org/frameworks/elements_v2.zip
Source: http://elements.projectdesigns.org/howToUse.html

Related Listings:

1. BlueTrip CSS Framework A full featured and beautiful CSS framework which originally combined...
2. Bumpbox – Images, Html files, Flv Videos, Swf files and PDFs – Lightbox Bumpbox – Images, Html files, Flv Videos, Swf files and...
3. Blueprint – A css framework Blueprint is a CSS framework, which aims to cut down...
4. CodeIgniter – Open source PHP web application framework CodeIgniter is a powerful PHP framework with a very small...
5. Drag and Drop Accordion Script The Accordion widget and its InfoPanel are components that can...

Do you like this post?

Email: