SlideShare a Scribd company logo
1 of 101
Download to read offline
FUNDAMENTAL
 PROGRESSIVE
ENHANCEMENT
   Aaron Gustafson
WHAT IS
 PROGRESSIVE
ENHANCEMENT?
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Graceful Degradation
       User Experience




                   NEWER                            OLDER


                                      Browser Age

WEB DESIGN WORLD                                            3
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Progressive Enhancement
       User Experience




                     BASIC                                   ADVANCED


                                      Browser Capabilities

WEB DESIGN WORLD                                                        4
it’s about
    service
you wouldn’t do this...
Photo credit: dansays




but sites do...
Photo credit: dansays




but sites do...
HOW DOES
IT WORK?
a little treat
   for everyone




Photo credit: madam.furie
(viewed another way)
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




                                      JavaScript
                                         CSS
                   XHTML + HTTP only


WEB DESIGN WORLD                                   13
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




                                      JavaScript
                           some JavaScript
                                         CSS
                                      some CSS
                   XHTML + HTTP only
WEB DESIGN WORLD                                   13
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




       User Experience




                     BASIC                                   ADVANCED


                                      Browser Capabilities

WEB DESIGN WORLD                                                        14
LEVELS OF
 SERVICE
LEVELS OF
 SUPPORT
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Rise to meet needs
                         robust JavaScript
       User Experience



                         some JavaScript




                         robust CSS




                         some CSS




                         XHTML & HTTP




WEB DESIGN WORLD                             16
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Rise to meet needs
                         robust JavaScript
       User Experience



                         some JavaScript




                         robust CSS




                         some CSS




                         XHTML & HTTP




WEB DESIGN WORLD                             16
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Rise to meet needs
                         robust JavaScript
       User Experience



                         some JavaScript




                         robust CSS




                         some CSS




                         XHTML & HTTP




WEB DESIGN WORLD                             16
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Rise to meet needs
                         robust JavaScript
       User Experience



                         some JavaScript




                         robust CSS




                         some CSS




                         XHTML & HTTP




WEB DESIGN WORLD                             16
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Rise to meet needs
                         robust JavaScript
       User Experience



                         some JavaScript




                         robust CSS




                         some CSS




                         XHTML & HTTP




WEB DESIGN WORLD                             16
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Rely on your baseline
                         robust JavaScript
       User Experience



                         some JavaScript




                         robust CSS




                         some CSS




                         XHTML & HTTP




WEB DESIGN WORLD                             17
Photo credit: PetitPlat by sk_




you can
still be




           creative
every key we press
a!ects user experience
                     Photo credit: JasonRogers
PROGRESSIVE
ENHANCEMENT
   WITH CSS
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




                                      layout.css
                                       color.css
                                       main.css
                                       type.css




WEB DESIGN WORLD                                   21
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




                                      type.css




                    layout.css                   color.css




WEB DESIGN WORLD                                             21
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




<link rel="stylesheet" type="text/css" href="type.css" />
                                       href="main.css"
                                       href="color.css" />




WEB DESIGN WORLD                                             22
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




<link rel="stylesheet" type="text/css" href="type.css" />
<link rel="stylesheet" type="text/css" href="main.css" />/>
                                       href="layout.css"
<link rel="stylesheet" type="text/css" href="color.css" />




WEB DESIGN WORLD                                              22
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




<link rel="stylesheet" type="text/css" href="type.css" />
<link rel="stylesheet" type="text/css" href="layout.css" />
<link rel="stylesheet" type="text/css" href="color.css" />




WEB DESIGN WORLD                                              23
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




<link   rel="stylesheet"         type="text/css"   href="type.css" />
<link   rel="stylesheet"         type="text/css"   href="layout.css" />
<link   rel="stylesheet"         type="text/css"   href="color.css" />
<link   rel="stylesheet"         type="text/css"   href="print.css" media="print" />




WEB DESIGN WORLD                                                                       23
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




<link   rel="stylesheet"         type="text/css"   href="type.css" />
<link   rel="stylesheet"         type="text/css"   href="layout.css" />
<link   rel="stylesheet"         type="text/css"   href="color.css" />
<link   rel="stylesheet"         type="text/css"   href="print.css" media="print" />




WEB DESIGN WORLD                                                                       23
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




                                      @import 'screen.css';




<link   rel="stylesheet"         type="text/css"   href="type.css" />
<link   rel="stylesheet"         type="text/css"   href="layout.css" />
<link   rel="stylesheet"         type="text/css"   href="color.css" />
<link   rel="stylesheet"         type="text/css"   href="print.css" media="print" />




WEB DESIGN WORLD                                                                       23
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




                                      @import 'screen.css';screen;
                                              'screen.css' s;
                                      @import 'print.css' print;
                                      @import 'mobile.css' handheld;




<link   rel="stylesheet"         type="text/css"   href="type.css" />
<link   rel="stylesheet"         type="text/css"   href="layout.css" />
<link   rel="stylesheet"         type="text/css"   href="color.css" />
<link   rel="stylesheet"         type="text/css"   href="print.css" media="print" />




WEB DESIGN WORLD                                                                       23
(the browser that wouldn’t die)
                                  Photo credit: oskay
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




<link rel="stylesheet" type="text/css" href="type.css" />
<link rel="stylesheet" type="text/css" href="layout.css" />
<link rel="stylesheet" type="text/css" href="color.css" />




WEB DESIGN WORLD                                              25
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




<link rel="stylesheet"                type="text/css" href="type.css" />
<link rel="stylesheet"                type="text/css" href="layout.css" />
<link rel="stylesheet"                type="text/css" href="color.css" />
<!--[if IE lte 7]>
<link rel="stylesheet"                type="text/css" href="ie7.css" />
<![endif]-->




WEB DESIGN WORLD                                                             25
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




<link rel="stylesheet"                type="text/css" href="type.css" />
<link rel="stylesheet"                type="text/css" href="layout.css" />
<link rel="stylesheet"                type="text/css" href="color.css" />
<!--[if IE lte 7]>
<link rel="stylesheet"                type="text/css" href="ie7.css" />
<![endif]-->
<!--[if IE lte 6]>
<link rel="stylesheet"                type="text/css" href="ie6.css" />
<![endif]-->




WEB DESIGN WORLD                                                             25
property: value;
                    html>/**/body
_property: value;


         * html     voice-family: ""}"";
-property: value;
                    voice-family:inherit;

    *:first-child+html
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Make smart decisions




WEB DESIGN WORLD                      27
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Make smart decisions
<form id="contact-form" action="#" method="post">
  <fieldset>
    <legend>Contact Us</legend>
    <p>Send us a message. All fields are required.</p>
    <ol>
      <li>
         <label for="contact-name">Name</label>
         <input type="text" id="contact-name" name="name" />
      </li>
      <li>
         <label for="contact-email">Email</label>
         <input type="text" id="contact-email" name="email" />
      </li>
      <li>
         <label for="contact-message">Message</label>
         <textarea id="contact-message" name="message" rows="4"
                   cols="30"></textarea>
      </li>
    </ol>
    <button type="submit">Send It</button>
  </fieldset>
</form>

WEB DESIGN WORLD                                                  27
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Make smart decisions
<form id="contact-form" action="#" method="post">
  <fieldset>
    <legend>Contact Us</legend>
    <p>Send us a message. All fields are required.</p>
    <ol>
      <li>
         <label for="contact-name">Name</label>
         <input type="text" id="contact-name" name="name" />
      </li>
      <li>
         <label for="contact-email">Email</label>
         <input type="text" id="contact-email" name="email" />
      </li>
      <li>
         <label for="contact-message">Message</label>
         <textarea id="contact-message" name="message" rows="4"
                   cols="30"></textarea>
      </li>
    </ol>
    <button type="submit">Send It</button>
  </fieldset>
</form>

WEB DESIGN WORLD                                                  27
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Make smart decisions
<form id="contact-form" action="#" method="post">
  <fieldset>
    <legend>Contact Us</legend>
    <p>Send us a message. All fields are required.</p>
    <ol>
      <li>
         <label for="contact-name">Name</label>
         <input type="text" id="contact-name" name="name" />
      </li>
      <li>
         <label for="contact-email">Email</label>
         <input type="text" id="contact-email" name="email" />
      </li>
      <li>
         <label for="contact-message">Message</label>
         <textarea id="contact-message" name="message" rows="4"
                   cols="30"></textarea>
      </li>
    </ol>
    <button type="submit">Send It</button>
  </fieldset>
</form>

WEB DESIGN WORLD                                                  27
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Make smart decisions
label:after {
  content: ":";
}




WEB DESIGN WORLD                      27
QUESTIONS?
inspired?
PROGRESSIVE
 ENHANCEMENT
WITH JAVASCRIPT
Photo credit: andyburnfield




proper planning...
...can keep you from looking

          foolish
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




                         robust JavaScript
       User Experience



                         some JavaScript




                         robust CSS




                         some CSS




                         XHTML & HTTP




WEB DESIGN WORLD                             34
Photo credit: ambery
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Consider lala.com




WEB DESIGN WORLD                      36
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Without JavaScript




WEB DESIGN WORLD                      37
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




And looking at the markup...




WEB DESIGN WORLD                      38
Photo credit: spike55151
Photo credit: drp
listen?



          Photo credit: Giando
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Event Listening
window.onload = handleExternalLinks;

function handleExternalLinks(){
  var server = document.location.hostname;
  var anchors = document.getElementsByTagName("a");
  var i, href;
  for( i=0; i < anchors.length; i++ ){
    href = anchors[i].href;
    if( href.indexOf("http://" + server) == -1 &&
         href.indexOf("https://" + server) == -1 ){
      // HREF is not a file on my server
      anchors[i].onclick = function(){
         newWin( this.href );
      };
    }
  }
}


WEB DESIGN WORLD                                      42
or
delegate?
       Photo credit: hebedesign
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Event delegation
document.getElementsByTagName( 'body' )[0].onclick = "
  clickDelegator;

function clickDelegator( e ){
  e = ( e ) ? e : event;
  var el = e.target || e.srcElement;

    // external links
    if( el.nodeName.toLowerCase() == 'a' &&
        el.getAttribute( 'rel' ) == 'external' ){
      newWin( el.href );
    }
}




WEB DESIGN WORLD                                         44
style


   can get out of hand
                  Photo credit: thus spake drake
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Smart styles
ul.TabInterface-tab-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 3px solid;
  margin: 0 0 3px;
}
ul.TabInterface- tab-list li {
  border-left: 1px solid;
  cursor: pointer;
  float: left;
  display: inline;
  width: 25%;
  padding-bottom: 1em;
  margin-right: -1px;
}


WEB DESIGN WORLD                      46
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




No style before its time
<div id="main" class="tabbed">


becomes
<div id="main" class="tabbed-on">




WEB DESIGN WORLD                      47
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




No style before its time
                                      Default        Activated
add “-on” to the class                .tabbed        .tabbed-on

add an activation class               .auto-submit   .auto-submit.active

change the form of the class          .replace-me    .replaced




WEB DESIGN WORLD                                                           47
before you
LEAP

        Photo credit: josh-n
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Look for methods
function someFunction(){
  if( !document.getElementsByTagName ) return;
  // code that uses document.getElementsByTagName()
  ...
}




WEB DESIGN WORLD                                      49
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Look for methods
function someFunction(){
  if( !document.getElementsByTagName ||
      !document.getElementById ) return;
  /* code that uses document.getElementsByTagName()
     and document.getElementById() */
}




WEB DESIGN WORLD                                      50
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Look for elements
function someFunction(){
  if( !document.getElementsByTagName ||
       !document.getElementsByTagName( 'p' ) ) return;
  /* code that uses document.getElementsByTagName()
      and requires the presence of a P element */
  ...
}




WEB DESIGN WORLD                                         51
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Look for identified elements
function someFunction(){
  if( !document.getElementById ||
      !document.getElementById( 'content' ) ) return;
  // code that requires the presence of #content
  ...
}




WEB DESIGN WORLD                                        52
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Look for objects
function someFunction(){
  if( typeof( Prototype ) == 'undefined' ) return;
  // code that uses Prototype
  ...
}




WEB DESIGN WORLD                                     53
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Look for object versions
function someFunction(){
  if( typeof( Prototype ) == 'undefined' ||
      parseFloat( Prototype.Version ) < 1.5 ) return;
  // code that uses Prototype 1.5 or higher
  ...
}




WEB DESIGN WORLD                                        54
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Look before you leap
window.onload = function(){
   if( document.getElementsByTagName &&
       document.getElementById ){
     someFunction();
   }
};




WEB DESIGN WORLD                          55
QUESTIONS?
Photo credit: masstistraction




it’s easier than this
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Example: Tab Interface
Goal: to create a panel-based widget




WEB DESIGN WORLD                       59
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Traditional approach
<h1>Pumpkin Pie</h1>

<div class="container">
  <div class="section">
    <h2>Overview</h2>
    <img src="pie.jpg" alt="">
    <p>Whether you're hosting a festive party or a casual get-together with
    friends, our Pumpkin Pie will make entertaining easy!</p>
    ...
  </div>
  ...
  <ul class="tabs">
    <li><a href="#">Overview</a></li>
    <li><a href="#">Ingredients</a></li>
    <li><a href="#">Directions</a></li>
    <li><a href="#">Nutrition</a></li>
  </ul>
</div>




WEB DESIGN WORLD                                                              60
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Static HTML with no style




WEB DESIGN WORLD                      61
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




A little typography




WEB DESIGN WORLD                      62
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Typography and color




WEB DESIGN WORLD                      63
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Static HTML with no style




WEB DESIGN WORLD                      64
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Static HTML with no style




                                      .tabbed

WEB DESIGN WORLD                                64
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




The actual source
<h1>Pumpkin Pie</h1>

<div class="tabbed">
  <h2>Overview</h2>
  <img src="pie.jpg" alt="" />
  <p>Whether you're hosting a festive party or a casual get-together with friends,
  our Pumpkin Pie will make entertaining easy!</p>
  ...

  <h2>Ingredients</h2>
  <ul>
    <li>1 (9<abbr title="inch">in</abbr>) unbaked deep dish pie crust</li>
    <li>! cup white sugar</li>
    <li>1 <abbr title="teaspoon">tsp</abbr> ground cinnamon</li>
    ...
  </ul>

  <h2>Directions</h2>
  ...
</div>




WEB DESIGN WORLD                                                                     65
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Understanding the flow




WEB DESIGN WORLD                      66
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




The full experience




WEB DESIGN WORLD                      67
QUESTIONS?
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Example: Collapsing Form
Goal: to create a search form with optional advanced filters.
By default the optional filters should be hidden, but users
should be able to show and hide them as they need to.




WEB DESIGN WORLD                                               69
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Collapsing Form as HTML




WEB DESIGN WORLD                      70
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Collapsing Form with CSS




WEB DESIGN WORLD                      71
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Collapsing Form with CSS




WEB DESIGN WORLD                      72
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Collapsing Form with CSS




WEB DESIGN WORLD                      73
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




HTML hooks




                                      form.collapsing
WEB DESIGN WORLD                                        74
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




HTML hooks




                                      fieldset.optional
WEB DESIGN WORLD                                          74
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Understanding the flow




WEB DESIGN WORLD                      75
FUNDAMENTAL PROGRESSIVE ENHANCEMENT




Collapsing Form with JS




WEB DESIGN WORLD                      76
QUESTIONS?
FUNDAMENTAL
 PROGRESSIVE
ENHANCEMENT
   Aaron Gustafson
Slides available at
  http://slideshare.net/AaronGustafson
     This presentation is licensed under
             Creative Commons
Attribution-Noncommercial-Share Alike 3.0
                flickr Photo Credits
                        “MacBook Pro” by dansays
                         “M&M” by madame.furie
                “Six-layered chocolate cake” by PetitPlat
     “Day 486 / 365 - Late Night High Level Coding” by JasonRogers
                            “Leghoul” by oskay
                          “Risk” by andyburnfield
                            “fr tom” by ambery
                     “CORNERSTONE” by spike55151
                             “Freedom” by drp
                         “Headphone” by Giando
                      “Shout, shout” by hebedesign
            “The writing is on the wall” by thus spake drake
                 “Tiger Leaping Gorge - Ram” by josh-n
             “some assembly required” by massdistraction

More Related Content

What's hot

The Server Side of Responsive Web Design
The Server Side of Responsive Web DesignThe Server Side of Responsive Web Design
The Server Side of Responsive Web DesignDave Olsen
 
Responsive & Responsible Web Design in DNN
Responsive & Responsible Web Design in DNNResponsive & Responsible Web Design in DNN
Responsive & Responsible Web Design in DNNgravityworksdd
 
CSS in React
CSS in ReactCSS in React
CSS in ReactJoe Seifi
 
mLearnCon 2014 - A responsive web solution for a complex online educational p...
mLearnCon 2014 - A responsive web solution for a complex online educational p...mLearnCon 2014 - A responsive web solution for a complex online educational p...
mLearnCon 2014 - A responsive web solution for a complex online educational p...Amy Som
 
State of jQuery '09
State of jQuery '09State of jQuery '09
State of jQuery '09jeresig
 
EdTechJoker Spring 2020 - Lecture 6 - WordPress
EdTechJoker Spring 2020 - Lecture 6 -   WordPressEdTechJoker Spring 2020 - Lecture 6 -   WordPress
EdTechJoker Spring 2020 - Lecture 6 - WordPressBryan Ollendyke
 
RESS: An Evolution of Responsive Web Design
RESS: An Evolution of Responsive Web DesignRESS: An Evolution of Responsive Web Design
RESS: An Evolution of Responsive Web DesignDave Olsen
 
Word press by sanjit
Word press by sanjitWord press by sanjit
Word press by sanjitSanjit Gupta
 
Front end developer responsibilities what does a front-end developer do?
Front end developer responsibilities  what does a front-end developer do?Front end developer responsibilities  what does a front-end developer do?
Front end developer responsibilities what does a front-end developer do?Katy Slemon
 
How to do Scalable UI-Heavy Development at a Breakneck Pace
How to do Scalable UI-Heavy Development at a Breakneck PaceHow to do Scalable UI-Heavy Development at a Breakneck Pace
How to do Scalable UI-Heavy Development at a Breakneck PaceSV Ruby on Rails Meetup
 
HTML5 and CSS3: does now really mean now?
HTML5 and CSS3: does now really mean now?HTML5 and CSS3: does now really mean now?
HTML5 and CSS3: does now really mean now?Chris Mills
 
ClassicPress / WordPress
ClassicPress / WordPressClassicPress / WordPress
ClassicPress / WordPressbtopro
 
Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012Stephen Hay
 
Web Development for UX Designers
Web Development for UX DesignersWeb Development for UX Designers
Web Development for UX DesignersAshlimarie
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentGlobal Media Insight
 
NewBCamp08: Intro to Web Standards
NewBCamp08: Intro to Web StandardsNewBCamp08: Intro to Web Standards
NewBCamp08: Intro to Web StandardsAdam Darowski
 

What's hot (19)

The Server Side of Responsive Web Design
The Server Side of Responsive Web DesignThe Server Side of Responsive Web Design
The Server Side of Responsive Web Design
 
Responsive & Responsible Web Design in DNN
Responsive & Responsible Web Design in DNNResponsive & Responsible Web Design in DNN
Responsive & Responsible Web Design in DNN
 
CSS in React
CSS in ReactCSS in React
CSS in React
 
mLearnCon 2014 - A responsive web solution for a complex online educational p...
mLearnCon 2014 - A responsive web solution for a complex online educational p...mLearnCon 2014 - A responsive web solution for a complex online educational p...
mLearnCon 2014 - A responsive web solution for a complex online educational p...
 
State of jQuery '09
State of jQuery '09State of jQuery '09
State of jQuery '09
 
Web development
Web developmentWeb development
Web development
 
EdTechJoker Spring 2020 - Lecture 6 - WordPress
EdTechJoker Spring 2020 - Lecture 6 -   WordPressEdTechJoker Spring 2020 - Lecture 6 -   WordPress
EdTechJoker Spring 2020 - Lecture 6 - WordPress
 
RESS: An Evolution of Responsive Web Design
RESS: An Evolution of Responsive Web DesignRESS: An Evolution of Responsive Web Design
RESS: An Evolution of Responsive Web Design
 
Word press by sanjit
Word press by sanjitWord press by sanjit
Word press by sanjit
 
Front end developer responsibilities what does a front-end developer do?
Front end developer responsibilities  what does a front-end developer do?Front end developer responsibilities  what does a front-end developer do?
Front end developer responsibilities what does a front-end developer do?
 
How to do Scalable UI-Heavy Development at a Breakneck Pace
How to do Scalable UI-Heavy Development at a Breakneck PaceHow to do Scalable UI-Heavy Development at a Breakneck Pace
How to do Scalable UI-Heavy Development at a Breakneck Pace
 
HTML5 and CSS3: does now really mean now?
HTML5 and CSS3: does now really mean now?HTML5 and CSS3: does now really mean now?
HTML5 and CSS3: does now really mean now?
 
ClassicPress / WordPress
ClassicPress / WordPressClassicPress / WordPress
ClassicPress / WordPress
 
Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012Responsive Design Workflow: Webshaped 2012
Responsive Design Workflow: Webshaped 2012
 
Comparison ppt
Comparison pptComparison ppt
Comparison ppt
 
Web Development for UX Designers
Web Development for UX DesignersWeb Development for UX Designers
Web Development for UX Designers
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-development
 
Real solutions, no tricks
Real solutions, no tricksReal solutions, no tricks
Real solutions, no tricks
 
NewBCamp08: Intro to Web Standards
NewBCamp08: Intro to Web StandardsNewBCamp08: Intro to Web Standards
NewBCamp08: Intro to Web Standards
 

Viewers also liked

Bifocals_optometry india_eyenirvaan
Bifocals_optometry india_eyenirvaanBifocals_optometry india_eyenirvaan
Bifocals_optometry india_eyenirvaanEyenirvaan
 
Aberrations of optical systems
Aberrations of optical systemsAberrations of optical systems
Aberrations of optical systemsOthman Al-Abbadi
 
Spectacle lens materials
Spectacle lens materialsSpectacle lens materials
Spectacle lens materialsSuhail Wahab
 
Progressive addition lenses presentation at www.eyenirvaan.com
Progressive addition lenses presentation at www.eyenirvaan.comProgressive addition lenses presentation at www.eyenirvaan.com
Progressive addition lenses presentation at www.eyenirvaan.comEyenirvaan
 
Lens material and its propertes
Lens material and its propertesLens material and its propertes
Lens material and its propertesSwati Panara
 
Bifocal Spectacles..
Bifocal Spectacles..Bifocal Spectacles..
Bifocal Spectacles..Vishakh Nair
 

Viewers also liked (16)

Bifocals_optometry india_eyenirvaan
Bifocals_optometry india_eyenirvaanBifocals_optometry india_eyenirvaan
Bifocals_optometry india_eyenirvaan
 
Spherical lens
Spherical  lensSpherical  lens
Spherical lens
 
Aberrations of optical systems
Aberrations of optical systemsAberrations of optical systems
Aberrations of optical systems
 
Aging Process
Aging ProcessAging Process
Aging Process
 
Bifocal lenses
Bifocal lensesBifocal lenses
Bifocal lenses
 
Spectacle lens materials
Spectacle lens materialsSpectacle lens materials
Spectacle lens materials
 
Progressive addition lenses presentation at www.eyenirvaan.com
Progressive addition lenses presentation at www.eyenirvaan.comProgressive addition lenses presentation at www.eyenirvaan.com
Progressive addition lenses presentation at www.eyenirvaan.com
 
Dispensing bifocal 3
Dispensing bifocal 3Dispensing bifocal 3
Dispensing bifocal 3
 
ophthalmic Lens material and design
ophthalmic Lens  material and designophthalmic Lens  material and design
ophthalmic Lens material and design
 
Aberrations
AberrationsAberrations
Aberrations
 
Lens material and its propertes
Lens material and its propertesLens material and its propertes
Lens material and its propertes
 
binocular single vision
binocular single visionbinocular single vision
binocular single vision
 
Refractive errors
Refractive errorsRefractive errors
Refractive errors
 
ophthalmic lenses
 ophthalmic lenses ophthalmic lenses
ophthalmic lenses
 
Bifocal Spectacles..
Bifocal Spectacles..Bifocal Spectacles..
Bifocal Spectacles..
 
Refractive errors
Refractive errorsRefractive errors
Refractive errors
 

Similar to Fundamental Progressive Enhancement [Web Design World - Seattle 2009]

It's a Mod World - A Practical Guide to Rocking Modernizr
It's a Mod World - A Practical Guide to Rocking ModernizrIt's a Mod World - A Practical Guide to Rocking Modernizr
It's a Mod World - A Practical Guide to Rocking ModernizrMichael Enslow
 
Crafting Rich Experiences with Progressive Enhancement [WebVisions 2011]
Crafting Rich Experiences with Progressive Enhancement [WebVisions 2011]Crafting Rich Experiences with Progressive Enhancement [WebVisions 2011]
Crafting Rich Experiences with Progressive Enhancement [WebVisions 2011]Aaron Gustafson
 
Drupal Theming with CSS Frameworks (960grid)
Drupal Theming with CSS Frameworks (960grid)Drupal Theming with CSS Frameworks (960grid)
Drupal Theming with CSS Frameworks (960grid)Ryan Cross
 
Crafting Rich Experiences with Progressive Enhancement [Beyond Tellerrand 2011]
Crafting Rich Experiences with Progressive Enhancement [Beyond Tellerrand 2011]Crafting Rich Experiences with Progressive Enhancement [Beyond Tellerrand 2011]
Crafting Rich Experiences with Progressive Enhancement [Beyond Tellerrand 2011]Aaron Gustafson
 
Headless 101 - Everything You Wanted to Know and More!
Headless 101 - Everything You Wanted to Know and More!Headless 101 - Everything You Wanted to Know and More!
Headless 101 - Everything You Wanted to Know and More!WP Engine
 
Awesomizing your Squarespace Website
Awesomizing your Squarespace WebsiteAwesomizing your Squarespace Website
Awesomizing your Squarespace WebsiteSeth Familian
 
Inclusive Design for Web Development Teams
Inclusive Design for Web Development TeamsInclusive Design for Web Development Teams
Inclusive Design for Web Development TeamsShayne Rempel
 
Fronteers 2012 - Lessons learned from building a SAAS app
Fronteers 2012 - Lessons learned from building a SAAS appFronteers 2012 - Lessons learned from building a SAAS app
Fronteers 2012 - Lessons learned from building a SAAS appGoodbytes
 
20111129 modernizr
20111129 modernizr20111129 modernizr
20111129 modernizrbrooky-yen
 
Designing responsive ibm i web applications
Designing responsive ibm i web applicationsDesigning responsive ibm i web applications
Designing responsive ibm i web applicationsChelsea Fenton
 
Progressive Enhancement 101
Progressive Enhancement 101Progressive Enhancement 101
Progressive Enhancement 101ohellojames
 
wepik-mastering-the-trio-exploring-the-depths-of-html-css-and-javascript-2024...
wepik-mastering-the-trio-exploring-the-depths-of-html-css-and-javascript-2024...wepik-mastering-the-trio-exploring-the-depths-of-html-css-and-javascript-2024...
wepik-mastering-the-trio-exploring-the-depths-of-html-css-and-javascript-2024...priyadharshini63304
 
Responsive Web Designed for your communication and marketing needs
Responsive Web Designed for your communication and marketing needsResponsive Web Designed for your communication and marketing needs
Responsive Web Designed for your communication and marketing needsSEGIC
 
There Are No “Buts” in Progressive Enhancement [Øredev 2015]
There Are No “Buts” in Progressive Enhancement [Øredev 2015]There Are No “Buts” in Progressive Enhancement [Øredev 2015]
There Are No “Buts” in Progressive Enhancement [Øredev 2015]Aaron Gustafson
 
Html5 Whats around the bend
Html5 Whats around the bendHtml5 Whats around the bend
Html5 Whats around the bendRaj Lal
 
SSR with Quasar Framework - JSNation 2019
SSR with Quasar Framework - JSNation 2019SSR with Quasar Framework - JSNation 2019
SSR with Quasar Framework - JSNation 2019Razvan Stoenescu
 
GR8Conf 2011: Building Progressive UIs with Grails
GR8Conf 2011: Building Progressive UIs with GrailsGR8Conf 2011: Building Progressive UIs with Grails
GR8Conf 2011: Building Progressive UIs with GrailsGR8Conf
 
Adaptive Web Design Workshop [inspire 2011]
Adaptive Web Design Workshop [inspire 2011]Adaptive Web Design Workshop [inspire 2011]
Adaptive Web Design Workshop [inspire 2011]Aaron Gustafson
 

Similar to Fundamental Progressive Enhancement [Web Design World - Seattle 2009] (20)

It's a Mod World - A Practical Guide to Rocking Modernizr
It's a Mod World - A Practical Guide to Rocking ModernizrIt's a Mod World - A Practical Guide to Rocking Modernizr
It's a Mod World - A Practical Guide to Rocking Modernizr
 
Crafting Rich Experiences with Progressive Enhancement [WebVisions 2011]
Crafting Rich Experiences with Progressive Enhancement [WebVisions 2011]Crafting Rich Experiences with Progressive Enhancement [WebVisions 2011]
Crafting Rich Experiences with Progressive Enhancement [WebVisions 2011]
 
Drupal Theming with CSS Frameworks (960grid)
Drupal Theming with CSS Frameworks (960grid)Drupal Theming with CSS Frameworks (960grid)
Drupal Theming with CSS Frameworks (960grid)
 
Roadmap 01
Roadmap 01Roadmap 01
Roadmap 01
 
Crafting Rich Experiences with Progressive Enhancement [Beyond Tellerrand 2011]
Crafting Rich Experiences with Progressive Enhancement [Beyond Tellerrand 2011]Crafting Rich Experiences with Progressive Enhancement [Beyond Tellerrand 2011]
Crafting Rich Experiences with Progressive Enhancement [Beyond Tellerrand 2011]
 
Headless 101 - Everything You Wanted to Know and More!
Headless 101 - Everything You Wanted to Know and More!Headless 101 - Everything You Wanted to Know and More!
Headless 101 - Everything You Wanted to Know and More!
 
Awesomizing your Squarespace Website
Awesomizing your Squarespace WebsiteAwesomizing your Squarespace Website
Awesomizing your Squarespace Website
 
The World of Dynamic Sites
The World of Dynamic SitesThe World of Dynamic Sites
The World of Dynamic Sites
 
Inclusive Design for Web Development Teams
Inclusive Design for Web Development TeamsInclusive Design for Web Development Teams
Inclusive Design for Web Development Teams
 
Fronteers 2012 - Lessons learned from building a SAAS app
Fronteers 2012 - Lessons learned from building a SAAS appFronteers 2012 - Lessons learned from building a SAAS app
Fronteers 2012 - Lessons learned from building a SAAS app
 
20111129 modernizr
20111129 modernizr20111129 modernizr
20111129 modernizr
 
Designing responsive ibm i web applications
Designing responsive ibm i web applicationsDesigning responsive ibm i web applications
Designing responsive ibm i web applications
 
Progressive Enhancement 101
Progressive Enhancement 101Progressive Enhancement 101
Progressive Enhancement 101
 
wepik-mastering-the-trio-exploring-the-depths-of-html-css-and-javascript-2024...
wepik-mastering-the-trio-exploring-the-depths-of-html-css-and-javascript-2024...wepik-mastering-the-trio-exploring-the-depths-of-html-css-and-javascript-2024...
wepik-mastering-the-trio-exploring-the-depths-of-html-css-and-javascript-2024...
 
Responsive Web Designed for your communication and marketing needs
Responsive Web Designed for your communication and marketing needsResponsive Web Designed for your communication and marketing needs
Responsive Web Designed for your communication and marketing needs
 
There Are No “Buts” in Progressive Enhancement [Øredev 2015]
There Are No “Buts” in Progressive Enhancement [Øredev 2015]There Are No “Buts” in Progressive Enhancement [Øredev 2015]
There Are No “Buts” in Progressive Enhancement [Øredev 2015]
 
Html5 Whats around the bend
Html5 Whats around the bendHtml5 Whats around the bend
Html5 Whats around the bend
 
SSR with Quasar Framework - JSNation 2019
SSR with Quasar Framework - JSNation 2019SSR with Quasar Framework - JSNation 2019
SSR with Quasar Framework - JSNation 2019
 
GR8Conf 2011: Building Progressive UIs with Grails
GR8Conf 2011: Building Progressive UIs with GrailsGR8Conf 2011: Building Progressive UIs with Grails
GR8Conf 2011: Building Progressive UIs with Grails
 
Adaptive Web Design Workshop [inspire 2011]
Adaptive Web Design Workshop [inspire 2011]Adaptive Web Design Workshop [inspire 2011]
Adaptive Web Design Workshop [inspire 2011]
 

More from Aaron Gustafson

Delivering Critical Information and Services [JavaScript & Friends 2021]
Delivering Critical Information and Services [JavaScript & Friends 2021]Delivering Critical Information and Services [JavaScript & Friends 2021]
Delivering Critical Information and Services [JavaScript & Friends 2021]Aaron Gustafson
 
Adapting to Reality [Guest Lecture, March 2021]
Adapting to Reality [Guest Lecture, March 2021]Adapting to Reality [Guest Lecture, March 2021]
Adapting to Reality [Guest Lecture, March 2021]Aaron Gustafson
 
Designing the Conversation [Beyond Tellerrand 2019]
Designing the Conversation [Beyond Tellerrand 2019]Designing the Conversation [Beyond Tellerrand 2019]
Designing the Conversation [Beyond Tellerrand 2019]Aaron Gustafson
 
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]Aaron Gustafson
 
Progressive Web Apps: Where Do I Begin?
Progressive Web Apps: Where Do I Begin?Progressive Web Apps: Where Do I Begin?
Progressive Web Apps: Where Do I Begin?Aaron Gustafson
 
Media in the Age of PWAs [ImageCon 2019]
Media in the Age of PWAs [ImageCon 2019]Media in the Age of PWAs [ImageCon 2019]
Media in the Age of PWAs [ImageCon 2019]Aaron Gustafson
 
Adapting to Reality [Starbucks Lunch & Learn]
Adapting to Reality [Starbucks Lunch & Learn]Adapting to Reality [Starbucks Lunch & Learn]
Adapting to Reality [Starbucks Lunch & Learn]Aaron Gustafson
 
Conversational Semantics for the Web [CascadiaJS 2018]
Conversational Semantics for the Web [CascadiaJS 2018]Conversational Semantics for the Web [CascadiaJS 2018]
Conversational Semantics for the Web [CascadiaJS 2018]Aaron Gustafson
 
Better Performance === Greater Accessibility [Inclusive Design 24 2018]
Better Performance === Greater Accessibility [Inclusive Design 24 2018]Better Performance === Greater Accessibility [Inclusive Design 24 2018]
Better Performance === Greater Accessibility [Inclusive Design 24 2018]Aaron Gustafson
 
PWA: Where Do I Begin? [Microsoft Ignite 2018]
PWA: Where Do I Begin? [Microsoft Ignite 2018]PWA: Where Do I Begin? [Microsoft Ignite 2018]
PWA: Where Do I Begin? [Microsoft Ignite 2018]Aaron Gustafson
 
Designing the Conversation [Concatenate 2018]
Designing the Conversation [Concatenate 2018]Designing the Conversation [Concatenate 2018]
Designing the Conversation [Concatenate 2018]Aaron Gustafson
 
Designing the Conversation [Accessibility DC 2018]
Designing the Conversation [Accessibility DC 2018]Designing the Conversation [Accessibility DC 2018]
Designing the Conversation [Accessibility DC 2018]Aaron Gustafson
 
Performance as User Experience [AEADC 2018]
Performance as User Experience [AEADC 2018]Performance as User Experience [AEADC 2018]
Performance as User Experience [AEADC 2018]Aaron Gustafson
 
The Web Should Just Work for Everyone
The Web Should Just Work for EveryoneThe Web Should Just Work for Everyone
The Web Should Just Work for EveryoneAaron Gustafson
 
Performance as User Experience [AEA SEA 2018]
Performance as User Experience [AEA SEA 2018]Performance as User Experience [AEA SEA 2018]
Performance as User Experience [AEA SEA 2018]Aaron Gustafson
 
Performance as User Experience [An Event Apart Denver 2017]
Performance as User Experience [An Event Apart Denver 2017]Performance as User Experience [An Event Apart Denver 2017]
Performance as User Experience [An Event Apart Denver 2017]Aaron Gustafson
 
Advanced Design Methods 1, Day 2
Advanced Design Methods 1, Day 2Advanced Design Methods 1, Day 2
Advanced Design Methods 1, Day 2Aaron Gustafson
 
Advanced Design Methods 1, Day 1
Advanced Design Methods 1, Day 1Advanced Design Methods 1, Day 1
Advanced Design Methods 1, Day 1Aaron Gustafson
 
Designing the Conversation [Paris Web 2017]
Designing the Conversation [Paris Web 2017]Designing the Conversation [Paris Web 2017]
Designing the Conversation [Paris Web 2017]Aaron Gustafson
 
Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]Aaron Gustafson
 

More from Aaron Gustafson (20)

Delivering Critical Information and Services [JavaScript & Friends 2021]
Delivering Critical Information and Services [JavaScript & Friends 2021]Delivering Critical Information and Services [JavaScript & Friends 2021]
Delivering Critical Information and Services [JavaScript & Friends 2021]
 
Adapting to Reality [Guest Lecture, March 2021]
Adapting to Reality [Guest Lecture, March 2021]Adapting to Reality [Guest Lecture, March 2021]
Adapting to Reality [Guest Lecture, March 2021]
 
Designing the Conversation [Beyond Tellerrand 2019]
Designing the Conversation [Beyond Tellerrand 2019]Designing the Conversation [Beyond Tellerrand 2019]
Designing the Conversation [Beyond Tellerrand 2019]
 
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
Getting Started with Progressive Web Apps [Beyond Tellerrand 2019]
 
Progressive Web Apps: Where Do I Begin?
Progressive Web Apps: Where Do I Begin?Progressive Web Apps: Where Do I Begin?
Progressive Web Apps: Where Do I Begin?
 
Media in the Age of PWAs [ImageCon 2019]
Media in the Age of PWAs [ImageCon 2019]Media in the Age of PWAs [ImageCon 2019]
Media in the Age of PWAs [ImageCon 2019]
 
Adapting to Reality [Starbucks Lunch & Learn]
Adapting to Reality [Starbucks Lunch & Learn]Adapting to Reality [Starbucks Lunch & Learn]
Adapting to Reality [Starbucks Lunch & Learn]
 
Conversational Semantics for the Web [CascadiaJS 2018]
Conversational Semantics for the Web [CascadiaJS 2018]Conversational Semantics for the Web [CascadiaJS 2018]
Conversational Semantics for the Web [CascadiaJS 2018]
 
Better Performance === Greater Accessibility [Inclusive Design 24 2018]
Better Performance === Greater Accessibility [Inclusive Design 24 2018]Better Performance === Greater Accessibility [Inclusive Design 24 2018]
Better Performance === Greater Accessibility [Inclusive Design 24 2018]
 
PWA: Where Do I Begin? [Microsoft Ignite 2018]
PWA: Where Do I Begin? [Microsoft Ignite 2018]PWA: Where Do I Begin? [Microsoft Ignite 2018]
PWA: Where Do I Begin? [Microsoft Ignite 2018]
 
Designing the Conversation [Concatenate 2018]
Designing the Conversation [Concatenate 2018]Designing the Conversation [Concatenate 2018]
Designing the Conversation [Concatenate 2018]
 
Designing the Conversation [Accessibility DC 2018]
Designing the Conversation [Accessibility DC 2018]Designing the Conversation [Accessibility DC 2018]
Designing the Conversation [Accessibility DC 2018]
 
Performance as User Experience [AEADC 2018]
Performance as User Experience [AEADC 2018]Performance as User Experience [AEADC 2018]
Performance as User Experience [AEADC 2018]
 
The Web Should Just Work for Everyone
The Web Should Just Work for EveryoneThe Web Should Just Work for Everyone
The Web Should Just Work for Everyone
 
Performance as User Experience [AEA SEA 2018]
Performance as User Experience [AEA SEA 2018]Performance as User Experience [AEA SEA 2018]
Performance as User Experience [AEA SEA 2018]
 
Performance as User Experience [An Event Apart Denver 2017]
Performance as User Experience [An Event Apart Denver 2017]Performance as User Experience [An Event Apart Denver 2017]
Performance as User Experience [An Event Apart Denver 2017]
 
Advanced Design Methods 1, Day 2
Advanced Design Methods 1, Day 2Advanced Design Methods 1, Day 2
Advanced Design Methods 1, Day 2
 
Advanced Design Methods 1, Day 1
Advanced Design Methods 1, Day 1Advanced Design Methods 1, Day 1
Advanced Design Methods 1, Day 1
 
Designing the Conversation [Paris Web 2017]
Designing the Conversation [Paris Web 2017]Designing the Conversation [Paris Web 2017]
Designing the Conversation [Paris Web 2017]
 
Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]
 

Recently uploaded

Navigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseNavigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseWSO2
 
API Governance and Monetization - The evolution of API governance
API Governance and Monetization -  The evolution of API governanceAPI Governance and Monetization -  The evolution of API governance
API Governance and Monetization - The evolution of API governanceWSO2
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Decarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational PerformanceDecarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational PerformanceIES VE
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxFIDO Alliance
 
Introduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxIntroduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxFIDO Alliance
 
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsLeah Henrickson
 
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)Paige Cruz
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMKumar Satyam
 
ChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps ProductivityChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps ProductivityVictorSzoltysek
 
Quantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation ComputingQuantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation ComputingWSO2
 
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptxFIDO Alliance
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctBrainSell Technologies
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2
 
Design Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxDesign Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxFIDO Alliance
 
The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...
The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...
The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...SOFTTECHHUB
 
UiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overviewUiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overviewDianaGray10
 
Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...caitlingebhard1
 

Recently uploaded (20)

Navigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern EnterpriseNavigating Identity and Access Management in the Modern Enterprise
Navigating Identity and Access Management in the Modern Enterprise
 
API Governance and Monetization - The evolution of API governance
API Governance and Monetization -  The evolution of API governanceAPI Governance and Monetization -  The evolution of API governance
API Governance and Monetization - The evolution of API governance
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Decarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational PerformanceDecarbonising Commercial Real Estate: The Role of Operational Performance
Decarbonising Commercial Real Estate: The Role of Operational Performance
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptxHarnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
Harnessing Passkeys in the Battle Against AI-Powered Cyber Threats.pptx
 
Introduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxIntroduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptx
 
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
 
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
ChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps ProductivityChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps Productivity
 
Quantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation ComputingQuantum Leap in Next-Generation Computing
Quantum Leap in Next-Generation Computing
 
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
WSO2 Micro Integrator for Enterprise Integration in a Decentralized, Microser...
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Design Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxDesign Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptx
 
The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...
The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...
The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...
 
UiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overviewUiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overview
 
Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...Stronger Together: Developing an Organizational Strategy for Accessible Desig...
Stronger Together: Developing an Organizational Strategy for Accessible Desig...
 

Fundamental Progressive Enhancement [Web Design World - Seattle 2009]