The document discusses the benefits and potential issues of using CSS3 and preprocessors. It recommends learning CSS2.1 fundamentals first before jumping into CSS3. Object-oriented CSS, resets, frameworks and preprocessors can make development more efficient and flexible by reducing repetitive code and improving maintenance. However, they also have drawbacks like additional classes and changing mindsets.
10. p { background-repeat: space; }
p { background-repeat: round; }
div { background-origin:
padding-box; }
div { background-clip:
padding-box; }
div { background-size: cover; }
div { background-size: contain;}
11. p
{
background-position:
left 10px top 15px;
}
14. background-image: Safari 5
-webkit-gradient(linear,
left center, right center,
from(yellow), to(black));
15. background-image: Safari 5
-webkit-gradient(linear,
left center, right center,
from(yellow), to(black));
background-image: Chrome 11
-webkit-linear-gradient
(left, yellow, black);
44. Web fonts
Less images
Improved UX
Device targeting
Faster page speeds
Efficient site building
Ease of maintenance
45. @media all and
(max-device-width: 480px)
{
}
@media all and
(min-device-width: 481px) and
(max-device-width: 1024px) and
(orientation:portrait)
{
}
46. Web fonts
Less images
Improved UX
Device targeting
Faster page speeds
Efficient site building
Ease of maintenance
48. Web fonts
Less images
Improved UX
Device targeting
Faster page speeds
Efficient site building
Ease of maintenance
49. Web fonts
Less images
Improved UX
Device targeting
Faster page speeds
Efficient site building
Ease of maintenance
86. CSS resets ai
m to remove a
browser-spec ll
ific styles, and
build CSS up then
again from sc
so that each e ratch -
lement will ap
the same in pear
all browsers
156. Another probl
em we face is
determining w
hat types of
content shoul
d be delivered
devices, and i to
n what contex
people are u t are
sing the site
157. simple as delivering
It is not as
ed back c ontent for
stripp
mobile d evices and
ntent for desktops
rich co
158. The reality is t
hat these last
problems are two
not solved yet
But a chang .
e is coming
159. re at a tipp ing point.
I think we a going to
y soon, a m ajor site is
Ver lems and
c rack these three prob
way we b uild sites
ch ange the