HTML and CSS Reference
In-Depth Information
•
More design flexibility
Frameworks and layout grids make it easy, for instance, to switch
between di
"
erent types of layout on di
"
erent pages or to plug in
di
"
erent types of content on a single page.
•
More consistent design
By reusing the same classes and avoiding location-specific styling, you
ensure that all elements of the same type look the same throughout the
website. CMS' and frameworks provide even more insurance against
design inconsistency.
E
"
cient
Modern CSS-based websites should be e
!
cient in two ways:
• E
!
cient for you to develop,
• E
!
cient for the server and browser to display to users.
As Web developers, we can all agree that e
!
ciency on the development
side is a good thing. If you can save time while still producing high-quality
work, then why wouldn't you adopt more e
!
cient CSS development
practices? But creating pages that perform e
!
ciently for users is sometimes
not given enough attention. Even though connection speeds are getting
faster and faster, page load times are still very important to users. In fact, as
connection speeds increase, users might expect all pages to load very
quickly, so making sure your website can keep up is important. Shaving just
a couple of seconds o
"
the loading time can make a big di
"
erence.
We've already discussed how modular CSS reduces development and
maintenance time and makes your workflow a lot faster and more e
!
cient. A
myriad of tools are out there to help you write CSS quickly, which we'll cover
in part 2 of this article. You can also streamline your CSS development
