SlideShare uma empresa Scribd logo
1 de 155
Baixar para ler offline
Denise R. Jacobs
PapillonEffect Consulting 
BBC London
November 2010
It’s Business Time:
Gettin’ Down With the Graceful
Degradation of CSS3
Meet your presenter
CSSDetectiveGuide.com & InterActWithWebStandards.com
1969 2010
On CSS3
The love affair
with CSS3
continues to grow
stronger and more
passionate over
time
http://www.flickr.com/photos/victoriapeckham/2091704802/
What’s not to love?
Easier 
implementation of 
visual effects
Effects that 
enhance the user 
experience
http://www.flickr.com/photos/shibanidutta/4115390982/
Past =
Contortions
Present =
Ease
The Graceful Degradation of CSS3
As with many seemingly perfect
romances, there are issues…
http://www.flickr.com/photos/cybervin/266632074/
Relationship Status:
It’s Complicated
Still a working draft +
Uneven browser support +
Does not validate +
Code bloat
Ideally:
a.polaroid:active {
z-index: 999;
border-color: #6A6A6A;
box-shadow: 15px 15px 20px rgba(0,0,
0, 0.4);
transform: rotate(0deg) scale(1.05);
}
Reality:
a.polaroid:active {
z-index: 999;
border-color: #6A6A6A;
-webkit-box-shadow: 15px 15px
20px rgba(0,0, 0, 0.4);
-moz-box-shadow: 15px 15px 20px
rgba(0,0, 0, 0.4);
box-shadow: 15px 15px 20px
rgba(0,0, 0, 0.4);
-webkit-transform: rotate(0deg)
scale(1.05);
-moz-transform: rotate(0deg)
scale(1.05);
transform: rotate(0deg)
scale(1.05);
}
= Oh My!
Despite our most fervent prayers
Many users are still using older browsers
Either by force
Or by choice
“Do websites
need to look
exactly the same
in every
browser?”
The Graceful Degradation of CSS3
The Graceful Degradation of CSS3
While looks
aren’t
everything
They do shape user perception
and experience
Happy end users
Facilitating compatibility
CSS3 Graceful Degradation:
The Necessities
So, which is better,
Graceful Degradation or Progressive Enhancement?
* Please *
Sites need be usable and look
good to as many people as
possible.
Period.
What’s in a name?
“Progressful Degrahancement”
(coined by M. Jackson Wilkinson and Jason 
Garber)
“Graceful Reverse Degradation”
(coined by me)
The end result: most important
Tools
CSS3 Specifications
The CSS3 Specifications are THE resource 
for finding out the exact intended 
behavior and use of any given property.
http://www.w3.org/standards/techs/
css#w3c_all
Browser Support Charts
http://www.findmebyip.com/
litmus
Cross-Browser Testers
http://tredosoft.com/Multiple_IE
http://crossbrowsertesting.com/(paid)
http://browsershots.org/(free)
Techniques
The Goal
Code that displays well in all browsers
…However,
Many properties are browser‐specific, requiring 
vendor prefixes
And there is a standard property
There are syntax differences between browser‐
specific properties and the standard property
All of this causes an increase in the amount of 
CSS
Older IEs don’t support CSS3 – need either filters 
or helper scripts
Getting as close as possible
1. (Re)set the mood
2. Leverage source order
3. Be conditional
4. Use a filter
5. Add tools to the mix
6. Be proactively defensive
(Re)set the Mood
A CSS reset insures that you are starting from a 
common base point in all browsers.
Example:
html, body, div, span, applet, object, iframe, h1, h2,
h3, h4, h5, h6, p, blockquote, pre (etc){
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
1.
CSS Resets
Eric Meyer’s Reset: 
http://meyerweb.com/eric/tools/css/reset/
Article on DIY resets by Jason Cranford 
Teague: http://bit.ly/1D4jSB
Place default properties first
Place browser‐specific properties ahead of 
standard properties
The standard properties will override the 
vendor’s when the standard is established.
Leverage Source Order2.
A Proper Stack
.gradient {
color: #fff;
A Proper Stack
.gradient {
color: #fff;
background: #aaaaaa url(gradient_slice.jpg) 0 0 x-repeat;
/*fallback background color & image*/
A Proper Stack
.gradient {
color: #fff;
background: #aaaaaa url(gradient_slice.jpg) 0 0 x-repeat;
/*fallback background color & image*/
background-image: -moz-linear-gradient(top, #07407c, #aaaaaa);
/* gradient for Mozilla */
A Proper Stack
.gradient {
color: #fff;
background: #aaaaaa url(gradient_slice.jpg) 0 0 x-repeat;
/*fallback background color & image*/
background-image: -moz-linear-gradient(top, #07407c, #aaaaaa);
/* gradient for Mozilla */
background-image: -webkit-gradient(linear,left top,left
bottom,color-stop(0, #07407c),color-stop(1, #aaaaaa)); /*
gradient for the Webkits */
A Proper Stack
.gradient {
color: #fff;
background: #aaaaaa url(gradient_slice.jpg) 0 0 x-repeat;
/*fallback background color & image*/
background-image: -moz-linear-gradient(top, #07407c, #aaaaaa);
/* gradient for Mozilla */
background-image: -webkit-gradient(linear,left top,left
bottom,color-stop(0, #07407c),color-stop(1, #aaaaaa)); /*
gradient for the Webkits */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorStr='
#07407c', EndColorStr='#aaaaaa')";
/* filter for IE8 (& IE9) */
A Proper Stack
.gradient {
color: #fff;
background: #aaaaaa url(gradient_slice.jpg) 0 0 x-repeat;
/*fallback background color & image*/
background-image: -moz-linear-gradient(top, #07407c, #aaaaaa);
/* gradient for Mozilla */
background-image: -webkit-gradient(linear,left top,left
bottom,color-stop(0, #07407c),color-stop(1, #aaaaaa)); /*
gradient for the Webkits */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorStr='
#07407c', EndColorStr='#aaaaaa')";
/* filter for IE8 (& IE9) */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorStr='#
07407c', EndColorStr='#aaaaaa');
} /* filter for IE7 and lower */
Establish Conditions
<!--[if gte IE 6]>
<link href="ie_stylesheet.css"
rel="stylesheet">
<![endif]-->
(place after the regular stylesheet link to override 
styles)
3.
If you must have the effect in IE, such as 
alpha opacity, gradient, shadow, transitions 
etc. you could use a proprietary IE filter.
{Caveat Coder}
IE filters work, but are essentially hacks
– IE filters are proprietary and thus not part of 
any standard specification, and never will be
Apply a Filter4.
Filter extensions
The -ms-filter attribute is an 
extension to CSS for IE8 and above. This 
syntax will allow other CSS parsers to skip 
the value of this unknown property 
completely and safely. It also avoids future 
name clashes with other CSS parsers. 
Filter extension syntax
For IE8+, not only must filters be prefixed 
with "‐ms‐" , but the PROGID must be in 
single or double quotes to make sure the 
browsers render the filters properly.
Example:
-ms-filter:
"progid:DXImageTransform.Microsoft.Shad
ow(Strength=2, Direction=135,
Color='#305052')";
Get Script Help
There are several scripts, javascript libraries, 
and jquery scripts and plugins that will help 
older browsers mimic modern ones.
5.
Ie-7.js
http://code.google.com/p/ie7-js/
CSS3Pie.com
CSS Sandpaper
http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/
Be Proactive
Defensive coding for older browsers helps 
you to quickly and easily identify and solve 
problems when they come up 
Organize for easy reading and access
Optimize for loading speed
Build in bug fixes
6.
The “Special” Relationship:
Dealing with the IEs
The older IEs DO NOT support CSS3
…as in “at all.” Right. Enough said.
6 7 8
http://www.flickr.com/photos/johnsnape/4258191545/
9
Initial reports of IE9 support of CSS3
The reality
Dealing with IE6 (Still? Yes, still.)
Approaches:
Kick it to the curb
Exercise tolerance
Full Respect: show grace in degradation
IE6: Go home!
http://www.flickr.com/photos/robotjohnny/3629069606/
Having “the talk”
In IE6In modern browsers
paulcarbo.net
Serve some stripped-down style
makephotoshopfaster.com
In IE6In modern browsers
Resource: Universal IE CSS
Universal IE6 stylesheet: http://code.google.com/p/universal-ie6-css/
Make a helpful suggestion
http://yaronschoen.com/blog/sudden_metanoia
In IE6In modern browsers
Resource: BrowseSad.org
browsesad.org
Limit Your Support
gowalla.com
Showing a
little extra
Love.
Respectful, yet graceful
aposd.org
In IE6In modern browsers
Let’s Get It On
8 CSS3 Properties with
Graceful Degradation
Fallbacks
The Properties
1. @font‐face
2. border‐radius
3. opacity
4. rgba
5. box‐shadow
6. text‐shadow
7. gradient
8. transform
Warning: this may
put you in the
mood for some
serious…coding
@font-face1.
http://sickdesigner.com/
@font-face1.
@font-face
Note:
– Actually part of the CSS2.1 specification. 
– Therefore, the IEs do support it!
Browser Support
– The older IEs require fonts to be in EOT format
– IE9 now supports WOFF (web open font face)
@font-face
Tips & issues
– Potential font license restrictions
– Flash of unstyled text (“fout”)
Graceful degradation
– Desired font should display in all browsers. If not, 
fallback fonts will display
– Extra credit: image replacement through 
conditional comments
@font-face bug: the IEs
@font-face super bullet‐proofing
The problem:
@font‐face doesn’t work, even with the proper 
normal syntax. What gives?
The solution:
Separate out the .eot call with a new @font‐face 
declaration.
@font-face bug: Webkit
@font-face bold and italics “bug”
The problem:
Applying font-weight:bold or font-style:
italic to @font‐face'd text doesn’t work.
The solution:
Add the value normal to font weight, style, and 
variant in the @font‐face declaration to set a baseline.
Full solution: @font-face
@font-face {
font-family: 'Colaborate Light';
src: url('ColabLig.eot');
}
@font-face {
font-family: 'Colaborate Light';
src: local('☺'), url('ColabLig.woff')
format('woff'), url('ColabLig.ttf')
format('truetype');
font-weight:normal;
font-style:normal;
font-variant:normal;
}
Full solution: @font-face
@font-face {
font-family: 'Colaborate Light';
src: url('ColabLig.eot');
}
@font-face {
font-family: 'Colaborate Light';
src: local('☺'), url('ColabLig.woff')
format('woff'), url('ColabLig.ttf')
format('truetype');
font-weight:normal;
font-style:normal;
font-variant:normal;
}
In modern browsers In IE 8 with fallback font
Graceful degradation: @font-face
FontSquirrel.com
http://www.fontsquirrel.com/fontface
border-radius2.
border-radius2.
http://www.denisejacobs.com/cdgexamples/chapter10/
border-radius
Tips & issues
– Different syntax for mozilla, webkit, and opera 
browsers
Graceful Degradation
– Square corners are okay
– Extra credit: serve images through conditional 
comments
border-radius
Syntax comparison breakdown:
‐moz allows multiple values for each position
‐webkit individual values
Standard is like mozilla
border-radius syntax
Full solution: border-radius
#contentcolumn {
margin: -40px 3% 0 3%;
width: 42%;
-moz-border-radius: 20px 20px 0 0;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
border-radius: 20px 20px 0 0;
}
In modern browsers In IE 7, image replacement
through conditional comments
Graceful Degradation: border-radius
Full solution: border-radius
Conditional Comment:
<!--[if gte IE 6]>
<link rel="stylesheet" type="text/css" href="ohhai_ie78.css" />
<![endif]-->
IE7/8 CSS
#contentcolumn {
background: url(bg_content_left.png) top left no-repeat;
display: inline;
margin: -40px 3% 0 3%;
padding: 0 0 0 0;
width: 41.9%;
}
#content {
background: url(bg_content_right.png) top right no-repeat;
margin: 7px auto 0 26px;
padding: 0 0 50px 0;
}
In modern browsers In IE 6, no image replacement
Graceful Degradation: border-radius
opacity3.
opacity3.
http://rustinjessen.com/weblog/833
opacity
Tips & issues
– Do not use on elements that would cover 
important content
Graceful Degradation
– Accept that effect will not work in non‐supportive 
browsers
– Could use a IE filter if absolutely necessary.
Full solution: opacity
.opacity {
color: #fff;
background-color: #3C4C55;
opacity: 0.2;
-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha
(opacity=20)";
/* IE8 only */
filter: progid:DXImageTransform.Microsoft.Alpha
(opacity=20);
/* IE6, IE7, and IE8 */
filter: alpha(opacity=20);
}
In modern browsers In IE7, no opacity
Graceful degradation: opacity
rgba4.
rgba4.
http://aarronwalter.com/designer/
rgba
Tips & issues
– More granular control of particular elements than opacity
– Place after regular rgb color property to override in 
modern browsers; older browsers will ignore it
– IE bug: use the property background instead of 
background-color for the regular color
Graceful Degradation
– There is an IE filter that gives transparency with a color
– Use a png for fallback if desired
Full solution: rgba
.rgba {
background-color: #ff0000;
/* fallback color in hexidecimal */
background-color: transparent;
/* transparent is key for the filter to work in IE8.
best done through conditional comments */
background-color: rgba(255, 0, 0, 0.3);
/* rgba value for modern browsers */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorst
r=#4CFF0000, endColorstr=#4CFF0000)";
/* filter for IE8 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr
=#4CFF0000, endColorstr=#4CFF0000);
/* filter for older IEs */
}
In modern browsers In IE 7, no rgba
Graceful degradation: rgba
The Graceful Degradation of CSS3
box-shadow5.
box-shadow5.
http://badassideas.com/work/
box-shadow
Tips & issues
– Okay if users don’t see effect, doesn’t affect 
usability of the page.
Graceful Degradation
– There is a filter for IE: shadow (actually there are 
2: dropshadow as well, but shadow is said to be 
better)
– Extra credit: serve images through conditional 
comments if you don’t want to use the filter.
box-shadow syntax
Syntax breakdown:
box-shadow: <x-offset> <y-offset> <blur> <color>
Full solution: box-shadow
.boxshadow {
-moz-box-shadow: 3px 3px 10px #333;
-webkit-box-shadow: 3px 3px 10px #333;
box-shadow: 3px 3px 10px #333;
/*standard*/
-ms-filter:
"progid:DXImageTransform.Microsoft.Shadow(Strength
=4, Direction=135, Color='#333333')";
/* For IE 8 */
filter:
progid:DXImageTransform.Microsoft.Shadow(Strength=
4, Direction=135, Color='#333333');
/* For IE 5.5 - 7 */
}
In modern browsers In IE 7, sans box shadow
Graceful degradation: box-shadow
text-shadow6.
text-shadow6.
http://www.bountybev.com/home.html
text-shadow
Tips & issues
– Can help accentuate text and improve readability 
and visual importance
Graceful Degradation
– If it doesn’t show up, that’s okay ‐‐ no impact on 
accessibility
– There is an IE filter: shadow.
– Extra credit: image replacement
Full solution: text-shadow
.textshadow h2 {
text-shadow: 1px 1px 2px rgba(48,80,82,0.8);
-ms-filter:
"progid:DXImageTransform.Microsoft.Shadow(Strength
=2, Direction=135, Color='#305052')";
/* For IE 8/9 */
filter:
progid:DXImageTransform.Microsoft.Shadow(Strength=
2, Direction=135, Color='#305052');
}
/* For IE 5.5 - 7 */
In modern browsers In IE 7 without text shadow
Graceful degradation: text-shadow
gradient7.
gradient7.
http://www.denisejacobs.com/cdgexamples/chapter8/
gradient
Tips & issues
– Different syntax for mozilla and webkit browsers
Graceful Degradation
– Gradient will not appear older browsers: IE and 
Opera do not support, so will still need a fallback 
image*
* which may make you wonder: “then why use it at all?”
– Establish fallback background image first in code
gradient syntax
#mainnav li a {
background-color: #f7f6f4;
background-image: url(bg_navitems.gif);
background-image:
-moz-linear-gradient(100% 100% 90deg,
#ccc9ba, #ffffff);
background-image:
-webkit-gradient(linear, 0% 0%, 0% 100%,
from(#ffffff), to(#ccc9ba));
}
gradient syntax
Full solution: gradient
.gradient {
color: #fff;
background: #aaaaaa url(gradient_slice.jpg) 0 0 x-repeat;
/*background color matches one of the stop colors.
The gradient_slice.jpg is 1px wide */
background-image: -moz-linear-gradient(top, #07407c,
#aaaaaa);
background-image: -webkit-gradient(linear,left top,left
bottom,color-stop(0, #07407c),color-stop(1, #aaaaaa));
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorStr='
#07407c', EndColorStr='#aaaaaa')";
/* IE8+ */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorStr='#
07407c', EndColorStr='#aaaaaa');
/* IE7- */
}
Graceful degradation: gradient
In modern browsers
In IE, with fallback image & conditional 
comment for rounded corners
Colorzilla gradient tool
http://www.colorzilla.com/gradient-editor/
transform8.
transform (2d)8.
http://www.zurb.com/playground/css3-polaroids/
transform
Tips & issues
– Mozilla, webkit, and opera vendor prefixes, but no 
standard yet.
– Rendering uneven: jagged edges in the Webkits
Graceful Degradation
– Leave images/elements in standard orientation or 
shape
– There is an IE filter: matrix.
– Extra credit: serve images or image sprites with 
conditional comments
transform: types
• rotate
• scale
• skew
• translate
• matrix
transform: rotate syntax
The generic syntax for transform is
<-prefix->transform: type(<value>) type(<value>)
type(<value>) type(<value>);
For rotate specifically, here is the syntax:
<-prefix->transform: rotate(<value>)
Positive values will rotate the object clockwise to the right, and 
negative values will rotate the element counter‐clockwise to 
the left.
#photos img {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
}
transform: rotate
In modern browsers In IE 7 without transform
Graceful degradation: transform
Useful Tools
More tools to do the heavy lifting
CSS3 Generators
CSS3Please.com
CSS3Generator.com
CSS3-Maker.com
CSS3 Tools at WestCiv
http://westciv.com/tools/
Even more CSS3 Generators
http://csscorners.com/
http://border‐image.com
Helper Scripts
Modernizr.com
Templates
HTML5Boilerplate.com
Paul Irish’s HTML5 template file
http://html5boilerplate.com/
Final Thoughts
“Can I use CSS3 now?”
Make the…
Try out some new moves
Totally hot
Coding superhero
Resources
delicious.com/denisejacobs/
gdcss3
delicious.com/denisejacobs/
gdcss3examples
delicious.com/denisejacobs/css3
Thank you!
denisejacobs.com
denise@denisejacobs.com
twitter.com/denisejacobs
slideshare.net/denisejacobs
Closed.

Mais conteúdo relacionado

Destaque

IB Learner Profile
IB Learner ProfileIB Learner Profile
IB Learner Profileastello2015
 
Web 2.0 for Foundations, Higher Ed, and Non-profits - TODCon 2008
Web 2.0 for Foundations, Higher Ed, and Non-profits - TODCon 2008Web 2.0 for Foundations, Higher Ed, and Non-profits - TODCon 2008
Web 2.0 for Foundations, Higher Ed, and Non-profits - TODCon 2008Denise Jacobs
 
Ecce Plus 2009 Class 2
Ecce Plus 2009 Class 2Ecce Plus 2009 Class 2
Ecce Plus 2009 Class 2Gilmar Mattos
 
Review for the final exam, gilmar
Review for the final exam, gilmarReview for the final exam, gilmar
Review for the final exam, gilmarGilmar Mattos
 
Adv 2 Teens Inversions
Adv 2 Teens InversionsAdv 2 Teens Inversions
Adv 2 Teens InversionsGilmar Mattos
 
Creativity (R)Evolution - FrontEnd Conference CH 2013
Creativity (R)Evolution -  FrontEnd Conference CH 2013Creativity (R)Evolution -  FrontEnd Conference CH 2013
Creativity (R)Evolution - FrontEnd Conference CH 2013Denise Jacobs
 
Let’s Rawk the Web: A Call to Action
Let’s Rawk the Web: A Call to ActionLet’s Rawk the Web: A Call to Action
Let’s Rawk the Web: A Call to ActionDenise Jacobs
 
The Age of Emotional and Experience Design
The Age of Emotional and Experience DesignThe Age of Emotional and Experience Design
The Age of Emotional and Experience DesignDenise Jacobs
 
CARLOS POLO
CARLOS POLOCARLOS POLO
CARLOS POLOlavelada
 
Bored But Never Boring - Media Evolution: The Conference 2013
Bored But Never Boring - Media Evolution: The Conference 2013Bored But Never Boring - Media Evolution: The Conference 2013
Bored But Never Boring - Media Evolution: The Conference 2013Denise Jacobs
 
GERMAN ANITUA
GERMAN ANITUAGERMAN ANITUA
GERMAN ANITUAlavelada
 
Presentacion Mikelgarrido
Presentacion MikelgarridoPresentacion Mikelgarrido
Presentacion Mikelgarridolavelada
 
USA 2010 Parents Evening 1
USA 2010 Parents Evening 1USA 2010 Parents Evening 1
USA 2010 Parents Evening 1MrJCameron
 
2012 03-27 developers e-commercedag presentatie2 drupal
2012 03-27 developers e-commercedag presentatie2 drupal2012 03-27 developers e-commercedag presentatie2 drupal
2012 03-27 developers e-commercedag presentatie2 drupalCombell NV
 

Destaque (18)

IB Learner Profile
IB Learner ProfileIB Learner Profile
IB Learner Profile
 
Milieu
MilieuMilieu
Milieu
 
Web 2.0 for Foundations, Higher Ed, and Non-profits - TODCon 2008
Web 2.0 for Foundations, Higher Ed, and Non-profits - TODCon 2008Web 2.0 for Foundations, Higher Ed, and Non-profits - TODCon 2008
Web 2.0 for Foundations, Higher Ed, and Non-profits - TODCon 2008
 
Ecce Plus 2009 Class 2
Ecce Plus 2009 Class 2Ecce Plus 2009 Class 2
Ecce Plus 2009 Class 2
 
Review for the final exam, gilmar
Review for the final exam, gilmarReview for the final exam, gilmar
Review for the final exam, gilmar
 
Adv 2 Teens Inversions
Adv 2 Teens InversionsAdv 2 Teens Inversions
Adv 2 Teens Inversions
 
Creativity (R)Evolution - FrontEnd Conference CH 2013
Creativity (R)Evolution -  FrontEnd Conference CH 2013Creativity (R)Evolution -  FrontEnd Conference CH 2013
Creativity (R)Evolution - FrontEnd Conference CH 2013
 
Let’s Rawk the Web: A Call to Action
Let’s Rawk the Web: A Call to ActionLet’s Rawk the Web: A Call to Action
Let’s Rawk the Web: A Call to Action
 
1st Fam Gath
1st Fam Gath1st Fam Gath
1st Fam Gath
 
The Age of Emotional and Experience Design
The Age of Emotional and Experience DesignThe Age of Emotional and Experience Design
The Age of Emotional and Experience Design
 
CARLOS POLO
CARLOS POLOCARLOS POLO
CARLOS POLO
 
Bored But Never Boring - Media Evolution: The Conference 2013
Bored But Never Boring - Media Evolution: The Conference 2013Bored But Never Boring - Media Evolution: The Conference 2013
Bored But Never Boring - Media Evolution: The Conference 2013
 
Ecce 2009 Class 1
Ecce 2009 Class 1Ecce 2009 Class 1
Ecce 2009 Class 1
 
GERMAN ANITUA
GERMAN ANITUAGERMAN ANITUA
GERMAN ANITUA
 
Presentacion Mikelgarrido
Presentacion MikelgarridoPresentacion Mikelgarrido
Presentacion Mikelgarrido
 
USA 2010 Parents Evening 1
USA 2010 Parents Evening 1USA 2010 Parents Evening 1
USA 2010 Parents Evening 1
 
Tree Swing
Tree SwingTree Swing
Tree Swing
 
2012 03-27 developers e-commercedag presentatie2 drupal
2012 03-27 developers e-commercedag presentatie2 drupal2012 03-27 developers e-commercedag presentatie2 drupal
2012 03-27 developers e-commercedag presentatie2 drupal
 

Semelhante a The Graceful Degradation of CSS3

It's Business Time: Givin' User Experience Love with CSS3
It's Business Time: Givin' User Experience Love with CSS3It's Business Time: Givin' User Experience Love with CSS3
It's Business Time: Givin' User Experience Love with CSS3Denise Jacobs
 
Kansas City WordCamp - Website Performance
Kansas City WordCamp - Website PerformanceKansas City WordCamp - Website Performance
Kansas City WordCamp - Website PerformanceKevin Potts
 
CSS3: Ripe and Ready
CSS3: Ripe and ReadyCSS3: Ripe and Ready
CSS3: Ripe and ReadyDenise Jacobs
 
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Nicholas Zakas
 
Sass, Compass and the new tools - Open Web Camp IV
Sass, Compass and the new tools - Open Web Camp IVSass, Compass and the new tools - Open Web Camp IV
Sass, Compass and the new tools - Open Web Camp IVDirk Ginader
 
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Nicholas Zakas
 
CSS3: The Future is Now at DrupalCon San Francisco
CSS3: The Future is Now at DrupalCon San FranciscoCSS3: The Future is Now at DrupalCon San Francisco
CSS3: The Future is Now at DrupalCon San FranciscoJen Simmons
 
Minimalism in Web Development
Minimalism in Web DevelopmentMinimalism in Web Development
Minimalism in Web DevelopmentJamie Matthews
 
Simply Responsive CSS3
Simply Responsive CSS3Simply Responsive CSS3
Simply Responsive CSS3Denise Jacobs
 
Ease into HTML5 and CSS3
Ease into HTML5 and CSS3Ease into HTML5 and CSS3
Ease into HTML5 and CSS3Brian Moon
 
HTML5 Dev Conf - Sass, Compass & the new Webdev tools
HTML5 Dev Conf - Sass, Compass &  the new Webdev toolsHTML5 Dev Conf - Sass, Compass &  the new Webdev tools
HTML5 Dev Conf - Sass, Compass & the new Webdev toolsDirk Ginader
 
CSS3: Ripe and Ready to Respond
CSS3: Ripe and Ready to RespondCSS3: Ripe and Ready to Respond
CSS3: Ripe and Ready to RespondDenise Jacobs
 
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.comA brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.comapplicake
 
HTML5 for Web Designers
HTML5 for Web DesignersHTML5 for Web Designers
HTML5 for Web DesignersGoodbytes
 

Semelhante a The Graceful Degradation of CSS3 (20)

It's Business Time: Givin' User Experience Love with CSS3
It's Business Time: Givin' User Experience Love with CSS3It's Business Time: Givin' User Experience Love with CSS3
It's Business Time: Givin' User Experience Love with CSS3
 
Css3
Css3Css3
Css3
 
Kansas City WordCamp - Website Performance
Kansas City WordCamp - Website PerformanceKansas City WordCamp - Website Performance
Kansas City WordCamp - Website Performance
 
Intro to CSS3
Intro to CSS3Intro to CSS3
Intro to CSS3
 
CSS3: Ripe and Ready
CSS3: Ripe and ReadyCSS3: Ripe and Ready
CSS3: Ripe and Ready
 
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)
 
Sass, Compass and the new tools - Open Web Camp IV
Sass, Compass and the new tools - Open Web Camp IVSass, Compass and the new tools - Open Web Camp IV
Sass, Compass and the new tools - Open Web Camp IV
 
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
 
CSS3: The Future is Now at DrupalCon San Francisco
CSS3: The Future is Now at DrupalCon San FranciscoCSS3: The Future is Now at DrupalCon San Francisco
CSS3: The Future is Now at DrupalCon San Francisco
 
Minimalism in Web Development
Minimalism in Web DevelopmentMinimalism in Web Development
Minimalism in Web Development
 
Simply Responsive CSS3
Simply Responsive CSS3Simply Responsive CSS3
Simply Responsive CSS3
 
Ease into HTML5 and CSS3
Ease into HTML5 and CSS3Ease into HTML5 and CSS3
Ease into HTML5 and CSS3
 
HTML5 Dev Conf - Sass, Compass & the new Webdev tools
HTML5 Dev Conf - Sass, Compass &  the new Webdev toolsHTML5 Dev Conf - Sass, Compass &  the new Webdev tools
HTML5 Dev Conf - Sass, Compass & the new Webdev tools
 
CSS3: Ripe and Ready to Respond
CSS3: Ripe and Ready to RespondCSS3: Ripe and Ready to Respond
CSS3: Ripe and Ready to Respond
 
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.comA brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
 
HTML5 for Web Designers
HTML5 for Web DesignersHTML5 for Web Designers
HTML5 for Web Designers
 
LESS
LESSLESS
LESS
 
Pole web pp
Pole web ppPole web pp
Pole web pp
 
The Future of CSS
The Future of CSSThe Future of CSS
The Future of CSS
 
Look ma! No images!
Look ma! No images!Look ma! No images!
Look ma! No images!
 

Mais de Denise Jacobs

Amplify-U: Cultivating Career Confidence Through Banishing Your Inner Critic ...
Amplify-U: Cultivating Career Confidence Through Banishing Your Inner Critic ...Amplify-U: Cultivating Career Confidence Through Banishing Your Inner Critic ...
Amplify-U: Cultivating Career Confidence Through Banishing Your Inner Critic ...Denise Jacobs
 
Banish Your Inner Critic: Transform Self-Talk - IABC Southern Region Conferen...
Banish Your Inner Critic: Transform Self-Talk - IABC Southern Region Conferen...Banish Your Inner Critic: Transform Self-Talk - IABC Southern Region Conferen...
Banish Your Inner Critic: Transform Self-Talk - IABC Southern Region Conferen...Denise Jacobs
 
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - UX Hus...
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - UX Hus...Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - UX Hus...
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - UX Hus...Denise Jacobs
 
How to Have Difficult Conversations With Confidence - MTP Digital 2020
How to Have Difficult Conversations With Confidence -  MTP Digital 2020How to Have Difficult Conversations With Confidence -  MTP Digital 2020
How to Have Difficult Conversations With Confidence - MTP Digital 2020Denise Jacobs
 
Overcome Self-Doubt to Amplify Your Impact and Create a Better World - GSLA 202
Overcome Self-Doubt to Amplify Your Impact and Create a Better World  - GSLA 202Overcome Self-Doubt to Amplify Your Impact and Create a Better World  - GSLA 202
Overcome Self-Doubt to Amplify Your Impact and Create a Better World - GSLA 202Denise Jacobs
 
Banish Your Inner Critic: Reduce Anxiety - Nonprofit Storytelling Conference ...
Banish Your Inner Critic: Reduce Anxiety - Nonprofit Storytelling Conference ...Banish Your Inner Critic: Reduce Anxiety - Nonprofit Storytelling Conference ...
Banish Your Inner Critic: Reduce Anxiety - Nonprofit Storytelling Conference ...Denise Jacobs
 
Banish Your Inner Critic: Unblock Creativity and Amplify Your Impact - Produc...
Banish Your Inner Critic: Unblock Creativity and Amplify Your Impact - Produc...Banish Your Inner Critic: Unblock Creativity and Amplify Your Impact - Produc...
Banish Your Inner Critic: Unblock Creativity and Amplify Your Impact - Produc...Denise Jacobs
 
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - Speake...
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - Speake...Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - Speake...
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - Speake...Denise Jacobs
 
Banish Your Inner Critic – Stanford HCI Group 2020
Banish Your Inner Critic – Stanford HCI Group 2020Banish Your Inner Critic – Stanford HCI Group 2020
Banish Your Inner Critic – Stanford HCI Group 2020Denise Jacobs
 
Banish Your Inner Critic: Reduce Anxiety and Unblock Creativity - Emergent Le...
Banish Your Inner Critic: Reduce Anxiety and Unblock Creativity - Emergent Le...Banish Your Inner Critic: Reduce Anxiety and Unblock Creativity - Emergent Le...
Banish Your Inner Critic: Reduce Anxiety and Unblock Creativity - Emergent Le...Denise Jacobs
 
Banish Your Inner Critic: Reduce anxiety and Unblock Creativity - SpeakAid 2020
Banish Your Inner Critic: Reduce anxiety and Unblock Creativity - SpeakAid 2020Banish Your Inner Critic: Reduce anxiety and Unblock Creativity - SpeakAid 2020
Banish Your Inner Critic: Reduce anxiety and Unblock Creativity - SpeakAid 2020Denise Jacobs
 
Banish Your Inner Critic: Elevate Performance - Nonprofit Storytelling Confer...
Banish Your Inner Critic: Elevate Performance - Nonprofit Storytelling Confer...Banish Your Inner Critic: Elevate Performance - Nonprofit Storytelling Confer...
Banish Your Inner Critic: Elevate Performance - Nonprofit Storytelling Confer...Denise Jacobs
 
Co-Create: Creating Better Together - Clarity Conference 2019
Co-Create: Creating Better Together - Clarity Conference 2019Co-Create: Creating Better Together - Clarity Conference 2019
Co-Create: Creating Better Together - Clarity Conference 2019Denise Jacobs
 
Banish Your Inner Critic: Amplify Your Impact - Mind The Product SF 2019
Banish Your Inner Critic: Amplify Your Impact - Mind The Product SF 2019Banish Your Inner Critic: Amplify Your Impact - Mind The Product SF 2019
Banish Your Inner Critic: Amplify Your Impact - Mind The Product SF 2019Denise Jacobs
 
Step-up: Unleash Your Creative (Super) Power - D3 Expo 2019
Step-up: Unleash Your Creative (Super) Power - D3 Expo 2019Step-up: Unleash Your Creative (Super) Power - D3 Expo 2019
Step-up: Unleash Your Creative (Super) Power - D3 Expo 2019Denise Jacobs
 
Banish Your Inner Critic: Hack Your Productivity and Elevate Performance
Banish Your Inner Critic: Hack Your Productivity and Elevate PerformanceBanish Your Inner Critic: Hack Your Productivity and Elevate Performance
Banish Your Inner Critic: Hack Your Productivity and Elevate PerformanceDenise Jacobs
 
Banish Your Inner Critic v2.0: Swipe Left! - Adobe Max 2018
Banish Your Inner Critic v2.0: Swipe Left!  - Adobe Max 2018Banish Your Inner Critic v2.0: Swipe Left!  - Adobe Max 2018
Banish Your Inner Critic v2.0: Swipe Left! - Adobe Max 2018Denise Jacobs
 
The Creativity (R)Evolution – CMX Summit 2018
The Creativity (R)Evolution – CMX Summit 2018The Creativity (R)Evolution – CMX Summit 2018
The Creativity (R)Evolution – CMX Summit 2018Denise Jacobs
 
Banish Your Inner Critic v2.0: Swipe Left! – IIBA Columbus 2018
Banish Your Inner Critic v2.0: Swipe Left! – IIBA Columbus 2018Banish Your Inner Critic v2.0: Swipe Left! – IIBA Columbus 2018
Banish Your Inner Critic v2.0: Swipe Left! – IIBA Columbus 2018Denise Jacobs
 
Co-Create: Creating Better Together - DevCamp Brazil 2018
Co-Create: Creating Better Together - DevCamp Brazil 2018Co-Create: Creating Better Together - DevCamp Brazil 2018
Co-Create: Creating Better Together - DevCamp Brazil 2018Denise Jacobs
 

Mais de Denise Jacobs (20)

Amplify-U: Cultivating Career Confidence Through Banishing Your Inner Critic ...
Amplify-U: Cultivating Career Confidence Through Banishing Your Inner Critic ...Amplify-U: Cultivating Career Confidence Through Banishing Your Inner Critic ...
Amplify-U: Cultivating Career Confidence Through Banishing Your Inner Critic ...
 
Banish Your Inner Critic: Transform Self-Talk - IABC Southern Region Conferen...
Banish Your Inner Critic: Transform Self-Talk - IABC Southern Region Conferen...Banish Your Inner Critic: Transform Self-Talk - IABC Southern Region Conferen...
Banish Your Inner Critic: Transform Self-Talk - IABC Southern Region Conferen...
 
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - UX Hus...
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - UX Hus...Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - UX Hus...
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - UX Hus...
 
How to Have Difficult Conversations With Confidence - MTP Digital 2020
How to Have Difficult Conversations With Confidence -  MTP Digital 2020How to Have Difficult Conversations With Confidence -  MTP Digital 2020
How to Have Difficult Conversations With Confidence - MTP Digital 2020
 
Overcome Self-Doubt to Amplify Your Impact and Create a Better World - GSLA 202
Overcome Self-Doubt to Amplify Your Impact and Create a Better World  - GSLA 202Overcome Self-Doubt to Amplify Your Impact and Create a Better World  - GSLA 202
Overcome Self-Doubt to Amplify Your Impact and Create a Better World - GSLA 202
 
Banish Your Inner Critic: Reduce Anxiety - Nonprofit Storytelling Conference ...
Banish Your Inner Critic: Reduce Anxiety - Nonprofit Storytelling Conference ...Banish Your Inner Critic: Reduce Anxiety - Nonprofit Storytelling Conference ...
Banish Your Inner Critic: Reduce Anxiety - Nonprofit Storytelling Conference ...
 
Banish Your Inner Critic: Unblock Creativity and Amplify Your Impact - Produc...
Banish Your Inner Critic: Unblock Creativity and Amplify Your Impact - Produc...Banish Your Inner Critic: Unblock Creativity and Amplify Your Impact - Produc...
Banish Your Inner Critic: Unblock Creativity and Amplify Your Impact - Produc...
 
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - Speake...
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - Speake...Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - Speake...
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - Speake...
 
Banish Your Inner Critic – Stanford HCI Group 2020
Banish Your Inner Critic – Stanford HCI Group 2020Banish Your Inner Critic – Stanford HCI Group 2020
Banish Your Inner Critic – Stanford HCI Group 2020
 
Banish Your Inner Critic: Reduce Anxiety and Unblock Creativity - Emergent Le...
Banish Your Inner Critic: Reduce Anxiety and Unblock Creativity - Emergent Le...Banish Your Inner Critic: Reduce Anxiety and Unblock Creativity - Emergent Le...
Banish Your Inner Critic: Reduce Anxiety and Unblock Creativity - Emergent Le...
 
Banish Your Inner Critic: Reduce anxiety and Unblock Creativity - SpeakAid 2020
Banish Your Inner Critic: Reduce anxiety and Unblock Creativity - SpeakAid 2020Banish Your Inner Critic: Reduce anxiety and Unblock Creativity - SpeakAid 2020
Banish Your Inner Critic: Reduce anxiety and Unblock Creativity - SpeakAid 2020
 
Banish Your Inner Critic: Elevate Performance - Nonprofit Storytelling Confer...
Banish Your Inner Critic: Elevate Performance - Nonprofit Storytelling Confer...Banish Your Inner Critic: Elevate Performance - Nonprofit Storytelling Confer...
Banish Your Inner Critic: Elevate Performance - Nonprofit Storytelling Confer...
 
Co-Create: Creating Better Together - Clarity Conference 2019
Co-Create: Creating Better Together - Clarity Conference 2019Co-Create: Creating Better Together - Clarity Conference 2019
Co-Create: Creating Better Together - Clarity Conference 2019
 
Banish Your Inner Critic: Amplify Your Impact - Mind The Product SF 2019
Banish Your Inner Critic: Amplify Your Impact - Mind The Product SF 2019Banish Your Inner Critic: Amplify Your Impact - Mind The Product SF 2019
Banish Your Inner Critic: Amplify Your Impact - Mind The Product SF 2019
 
Step-up: Unleash Your Creative (Super) Power - D3 Expo 2019
Step-up: Unleash Your Creative (Super) Power - D3 Expo 2019Step-up: Unleash Your Creative (Super) Power - D3 Expo 2019
Step-up: Unleash Your Creative (Super) Power - D3 Expo 2019
 
Banish Your Inner Critic: Hack Your Productivity and Elevate Performance
Banish Your Inner Critic: Hack Your Productivity and Elevate PerformanceBanish Your Inner Critic: Hack Your Productivity and Elevate Performance
Banish Your Inner Critic: Hack Your Productivity and Elevate Performance
 
Banish Your Inner Critic v2.0: Swipe Left! - Adobe Max 2018
Banish Your Inner Critic v2.0: Swipe Left!  - Adobe Max 2018Banish Your Inner Critic v2.0: Swipe Left!  - Adobe Max 2018
Banish Your Inner Critic v2.0: Swipe Left! - Adobe Max 2018
 
The Creativity (R)Evolution – CMX Summit 2018
The Creativity (R)Evolution – CMX Summit 2018The Creativity (R)Evolution – CMX Summit 2018
The Creativity (R)Evolution – CMX Summit 2018
 
Banish Your Inner Critic v2.0: Swipe Left! – IIBA Columbus 2018
Banish Your Inner Critic v2.0: Swipe Left! – IIBA Columbus 2018Banish Your Inner Critic v2.0: Swipe Left! – IIBA Columbus 2018
Banish Your Inner Critic v2.0: Swipe Left! – IIBA Columbus 2018
 
Co-Create: Creating Better Together - DevCamp Brazil 2018
Co-Create: Creating Better Together - DevCamp Brazil 2018Co-Create: Creating Better Together - DevCamp Brazil 2018
Co-Create: Creating Better Together - DevCamp Brazil 2018
 

Último

Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 

Último (20)

Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 

The Graceful Degradation of CSS3

Notas do Editor

  1. Add screenshot example slide
  2. Add screenshot example slide