Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
2Activity
0 of .
Results for:
No results containing your search query
P. 1
Paper

Paper

Ratings: (0)|Views: 48|Likes:
Published by tech2click

More info:

Published by: tech2click on Feb 24, 2009
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC or read online from Scribd
See more
See less

04/15/2014

 
CSS Frameworks
Mashael ALDrees
KSUmashael.me@gmail.com
A
BSTRACT
If you want to build a new web site and you want to use CSS for styling the webpage .But you want to use professional , faster and Without errors way .Read this paper to find 
 
the Characteristics you're looking for and To relieve yourself, It present The CSS Frameworks .
Keywords
CSS, Frameworks, style , outlay,
 
design .
1.I
NTRODUCTION
You don’t have to write the same CSS-code over and over again. Whatever project you’re starting to workwith, at some point you have to define classes and IDs you’ve already defined in your previous web-projects.To avoid unnecessary mistakes you might want to start not from a blank file, but from an almost “perfect” one.And this is where CSS Frameworks becoming important.The structure of the paper as follows:Section 2 The Meaning of the word "Framework ", Section 3 The Meaning of "CSS Framework" and someexamples, Section 3.1 When to use CSS framework , Section 3.2 Who should use CSS framework,Section 3.3 Advantages of CSS Frameworks, Section 3.4 Disadvantages of CSS Frameworks,Section 3.5 Different CSS Frameworks ,Finally the conclusion .
2.F
RAMEWORK
 
The word framework means a set of tools, libraries, conventions, and best practices that attempt toabstractt routine tasks into generic modules that can be reused. The goal here is to allow the designer ordeveloper to focus on tasks that are unique to a given project, rather than reinventing the wheel eachtime around.A framework is a basic conceptual structure which you can use in your web-projects.[1]
Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copiesare not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. To copyotherwise, to republish, to post on servers or to redistribute to lists, requires prior specific permission.The First Mini-Conference in Web Technologies and Trends (WTT)
 © 
2009 Information Technology Department, CCIS, King Saud University, Riyadh, Saudi Arabia
 
3.CSS FRAMEWORK
A CSS framework is a library that is meant to allow for easier, more standards-compliant styling of a webpageusing the Cascading Style Sheets language. Just like programming and scripting language libraries CSSframeworks (usually packaged as external .CSS sheets inserted into the header) package a number of ready-made options for designing and outlaying a webpage[2].CSS frameworks are usually just a collection of CSS files that set up things like basic typography, formstyling, grids/simple layout, and resets, such as
typography.css 
for basic typographic rules.
grid.css 
for grid-based layouts
.
layout.css 
for general layouts.
form.css 
for basic form styling[3].
3.1When to use CSS framework
If you have a very big site and work in a team (or alone) and you must have “standard” (universal) codethat can cover all the scenarios, the best solution is - CSS Framework[4].
3.2Who should use CSS framework
For the CSS beginners that they can web web design faster. Maybe you can save a lot of time in thebeginning but you will lose a lot of time at the end for debugging or for implementing some specific code.after almost everything being done, you must implement some features that the Framework does not cover.the CSS Frameworks are not for CSS starters (newbies) , They are for people who know CSS but want moreorganized approach[4].
3.3Advantages of CSS Frameworks
- They usually have multi - browser support.- A lot of bugs and problems are fixed.- They usually have 80% of all the CSS code that you will ever need. there is a lot of code examples.- You can learn a lot from the CSS Frameworks .-You normalize your code/class base.- You have a better workflow within a team[3].
 
3.4Disadvantages of CSS Frameworks
- There will be some CSS code from the framework that you will never use.-You need time to fully understand the framework.- Bug fixing is not always simple (first you have to learn how the framework works)- It’s not so “semantic” (class=”menu-left” – semantic v.s class=”div-xyz” not so semantic)[3].
3.5Different CSS Frameworks
3.5.1Elements CSS Framework
Elements is a CSS Framework that was developed by Ben Henschel It was built to help designers write CSSfaster and more efficient. This framework is like a template which has all of the things you end up typing inover and over for every website you create. It is very lightweight, with only 4 files. They are :-- Elements - Which is a collection of preset classes that are commonly used- Reset - A mass reset- Typography - Basic Typography- External Links - Stylizes different external links to improve usability for the user[5]
3.5.2YUI Grids CSS
Yahoo UI it's so comprehensive ,but the comprehensiveness makes it a bit hard to use because it iscomplicated. YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack andnest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layoutcombinations[6].

Activity (2)

You've already reviewed this. Edit your review.
1 thousand reads
1 hundred reads

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->