RESS: An Evolution of Responsive Web Design

Dave Olsen
Dave OlsenProgrammer/Project Manager at West Virginia University
RESS:
An Evolution of Responsive Web Design


Dave Olsen, @dmolsen
WVU University Relations - Web
Refresh Pittsburgh, May 15 2012
slideshare.net/dmolsenwvu
programmer
9 years at wvu
wvu has 30,000 students
What I’ll Talk About
 •The Responsive Age
 •What is RESS
 •Two Server-side Solutions
We’ve entered...
The Responsive Age
http://www.alistapart.com/articles/responsive-web-design/
http://flic.kr/p/9UmsCJ
TABLET WEB   DESKTOP WEB
                           It’s All One Web




MOBILE WEB
http://modernizr.com
http://flic.kr/p/9Qp3A
The client is now in charge
Why Be Responsive




One...


            http://flic.kr/p/5pGcyx
Why Be Responsive




One...
URL.
Why Be Responsive




    One...
Set of Mark-up.
Why Be Responsive




  One...
Deployment.
futurefriend.ly
Time to Party...




                   balloons




                              http://flic.kr/p/h6McT
“Not so fast, my friends...”




                               http://flic.kr/p/8x6b8X
RWD Challenges




  Media...
Images & Video
RWD Challenges




3rd Party Content...
  Ads & Social Widgets
RWD Challenges




One Set of Mark-up...
  Double-edged Sword
Learned the hard way...

                          http://happyholidays.wvu.edu
Standards Process




Standards Process is Evolving
                           http://www.w3.org/community/respimg/
Bridging the Gap




Mind the Gap




                     http://flic.kr/p/638wPy
Existing Solutions




adaptive images website




   http://adaptive-images.com/
Take a New Path




image of a path for showing RESS as a way forward




                                       http://flic.kr/p/7cGN8g
What is RESS?
Responsive Web Design +
  Server Side Components
(I have no idea what becomes of the W, D, or C)
“
In a nutshell, RESS combines adaptive
layouts with server side component
(not full page) optimization. So a
single set of page templates define an
entire Web site for all devices but key
components within that site have
device-class specific implementations
that are rendered server side.
                        - Luke Wroblewski
                          @lukew

      http://www.lukew.com/ff/entry.asp?1392
“
...browser-detection can be used
to help inform an overall responsive
design as opposed to being the be-all-
end-all for templating.
                       - Dave Olsen
                         @dmolsen



          http://bit.ly/wW91Ie
RESS is Good if...




“   •If you want layout adjustments
     across devices.
    •And optimization at the component
     level to increase performance or tune
     user experience.
    •You trust server-side device detection
     with sensible defaults.
                             - Luke Wroblewski
                               @lukew

          http://www.lukew.com/ff/entry.asp?1509
Simple Example:
Swapping a Header & Footer




 Mobile View                Desktop View

    http://www.lukew.com/ff/entry.asp?1392
Simple Example:
Swapping a Header & Footer



       <body>
            {{>header}}
                 [...document content...]
            {{>footer}}
       </body>




   http://www.lukew.com/ff/entry.asp?1392
Simple Example:
Swapping a Header & Footer



       <body>
            {{>header}}
                 [...document content...]
            {{>footer}}
       </body>




   http://www.lukew.com/ff/entry.asp?1392
Simple Example:
Swapping a Header & Footer



           index.html
           header.html
           mobile_header.html
           footer.html
           mobile_footer.html


   http://www.lukew.com/ff/entry.asp?1392
Simple Example:
Swapping a Header & Footer



           index.html
           header.html
           mobile_header.html
           footer.html
           mobile_footer.html


   http://www.lukew.com/ff/entry.asp?1392
M-ADVANCED     DESKTOP WEB
                             ress.dmolsen.com




MOBILE BASIC
RESS is in Its Infancy...




Infancy




                http://flic.kr/p/7B7uyp
Untested




                                   ...and untested.
http://flic.kr/p/nNZRV
U. of Notre Dame Example




ND data




    http://weedygarden.net/2012/05/a-case-for-ress/
Large Screen:
                             136 requests @ 2.7MB



                     ND data




Small Screen:
23 requests @ 291K
                         http://weedygarden.net/2012/05/a-case-for-ress/
bridge




                         We Still Need to Bridge the Gap
http://flic.kr/p/7FyCB2
Designers + Developers?




            developers and designers




                                       http://flic.kr/p/7Ma9n
How Do We Implement RESS?




So how would we implement?




                             http://flic.kr/p/5ATc7g
Skipping RWD




Responsive Web Design is “easy”




                                  http://flic.kr/p/4YM8
Two Possible Solutions



          Server-side
          Solutions
                         http://flic.kr/p/9jatna
#1 Browser Detection
Been Around a While




                         Old dog




http://flic.kr/p/bWQicm
Used Quite a Bit




“        82% of the Alexa 100 top sites use some
         form of server-side mobile device
         detection to serve content on their main
         website entry point.
                                                 - Ronan Cremin
                                                   @xbs



http://www.circleid.com/posts/20120111_analysis_of_server_side_mobile_web_detection/
Lots of Solutions




WURFL
  51Degrees.mobi
     OpenDDR
         DeviceAtlas
Personal Fav*: ua-parser

              node.js, Python, PHP, & Ruby libraries
                 built upon a standard YAML file




* - I help maintain the project ;)          https://github.com/tobie/ua-parser/
Arms Race?




             http://flic.kr/p/6RVLY2
Server-side Feature
#2 Detection
Also in Its Infancy...




Infancy




                     http://flic.kr/p/7B7uyp
Untested




                                   ...and untested.
http://flic.kr/p/nNZRV
Can be Simple or Complex




 Taking a Cue from Front-End Dev
Server-side Future Friendly?
Server-side Breakpoints




320px



        640px




                    960px
Server-side Breakpoints


Simple Example:
Setting a file path based
on window.innerWidth
<script type="text/javascript">

     function writeCookie(name, value) { //cookie code }

     // store the innerWidth of the window in a cookie
     writeCookie("RESS", window.innerWidth);

</script>




            http://www.netmagazine.com/tutorials/getting-started-ress
Simple Example:
Setting a file path based
on window.innerWidth
<?php

     // grab the cookie value
     $screenWidth = $_COOKIE[‘RESS’];

     // set the img path var
     if ($screenWidth <= 320) {
        $imgPath = “320”;
     } else if ($screenWidth < 960) {
        $imgPath = “640”;
     } else {
        $imgPath = “960”;
     }

     // print out our image link
     print “<img src=‘/rwd/images/”.$imgPath.”/car.jpg’ alt=‘Car’ />”;

?>


            http://www.netmagazine.com/tutorials/getting-started-ress
Robust Feature Detection




         http://detector.dmolsen.com
Robust Feature Detection

Simple Example:
Inserting a video link
<?php

     // require Detector to identify browser & populate $ua
     require("lib/Detector/Detector.php");

     $html5Embed = "<iframe {...} ></iframe>";
     $simpleLink = "Your browser doesn't appear to support HTML5. {...}";

     // use the $ua properties to switch
     if ($ua->video->h264 || $ua->video->webm) {
!       print $html5Embed;
     } else {
!       print $simpleLink;
!    }

?>


                   http://detector.dmolsen.com/demo/ytembed/
Robust Feature Detection

Complicated Example:
Templates Using Detector & Mustache




        http://ress.dmolsen.com & click “Learn more...”
RESS Challenges




RESS isn’t a silver bullet.
    (anymore than RWD is)
RESS Challenges




Server-side feature detection
      can be spoofed.
RESS Challenges




Requires server-side languages.
RESS Challenges




   Data needs to be
separated from layout.
RESS Challenges




“   It is not only the design of the web site
    and the layout of content that needs to
    be adapted or enhanced; the idea of
    being responsive, adaptive and
    enhancing, must be implemented in
    the whole value chain.
                             - Jon Arnes Sæterås
                               @jonarnes


    http://mpulp.mobi/2011/05/next-steps-of-responsive-web-design/
The


The evolution of web development continues...

                         of Web
                         Development
                         Continues
                                     http://flic.kr/p/3Q4To4
Questions or comments?
On Twitter @dmolsen...
Or at dmolsen.com...
Thank You
1 of 73

Recommended

The Server Side of Responsive Web Design by
The Server Side of Responsive Web DesignThe Server Side of Responsive Web Design
The Server Side of Responsive Web DesignDave Olsen
13.7K views90 slides
Mobile Information Architecture by
Mobile Information ArchitectureMobile Information Architecture
Mobile Information ArchitectureChristian Crumlish
12.8K views45 slides
Mobile First Responsive Web Design — BD Conf Oct 2013 by
Mobile First Responsive Web Design — BD Conf Oct 2013Mobile First Responsive Web Design — BD Conf Oct 2013
Mobile First Responsive Web Design — BD Conf Oct 2013Jason Grigsby
54.4K views173 slides
Dreamweaver CS6, jQuery, PhoneGap, mobile design by
Dreamweaver CS6, jQuery, PhoneGap, mobile designDreamweaver CS6, jQuery, PhoneGap, mobile design
Dreamweaver CS6, jQuery, PhoneGap, mobile designDee Sadler
24.9K views81 slides
Responsive Web Design - but for real! by
Responsive Web Design - but for real!Responsive Web Design - but for real!
Responsive Web Design - but for real!Rudy Rigot
28.4K views104 slides
Responsive Design by
Responsive DesignResponsive Design
Responsive DesignSara Cannon
83.7K views104 slides

More Related Content

What's hot

State of jQuery '09 by
State of jQuery '09State of jQuery '09
State of jQuery '09jeresig
18.2K views39 slides
Responsive Web Design: Clever Tips and Techniques by
Responsive Web Design: Clever Tips and TechniquesResponsive Web Design: Clever Tips and Techniques
Responsive Web Design: Clever Tips and TechniquesVitaly Friedman
135.4K views157 slides
Web Standards And Protocols by
Web Standards And ProtocolsWeb Standards And Protocols
Web Standards And ProtocolsSteven Cahill
5.6K views54 slides
There Are No “Buts” in Progressive Enhancement [Øredev 2015] by
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
54.9K views128 slides
Optimizing Sites for Mobile Devices by
Optimizing Sites for Mobile DevicesOptimizing Sites for Mobile Devices
Optimizing Sites for Mobile Devicesjameswillweb
5.5K views40 slides
Beyond Responsive [18F 2015] by
Beyond Responsive [18F 2015]Beyond Responsive [18F 2015]
Beyond Responsive [18F 2015]Aaron Gustafson
5.2K views139 slides

What's hot(20)

State of jQuery '09 by jeresig
State of jQuery '09State of jQuery '09
State of jQuery '09
jeresig18.2K views
Responsive Web Design: Clever Tips and Techniques by Vitaly Friedman
Responsive Web Design: Clever Tips and TechniquesResponsive Web Design: Clever Tips and Techniques
Responsive Web Design: Clever Tips and Techniques
Vitaly Friedman135.4K views
Web Standards And Protocols by Steven Cahill
Web Standards And ProtocolsWeb Standards And Protocols
Web Standards And Protocols
Steven Cahill5.6K views
There Are No “Buts” in Progressive Enhancement [Øredev 2015] by Aaron Gustafson
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 Gustafson54.9K views
Optimizing Sites for Mobile Devices by jameswillweb
Optimizing Sites for Mobile DevicesOptimizing Sites for Mobile Devices
Optimizing Sites for Mobile Devices
jameswillweb5.5K views
Planning Adaptive Interfaces [RWD Summit 2016] by Aaron Gustafson
Planning Adaptive Interfaces [RWD Summit 2016]Planning Adaptive Interfaces [RWD Summit 2016]
Planning Adaptive Interfaces [RWD Summit 2016]
Aaron Gustafson1.6K views
Responsive Websites by Joe Seifi
Responsive WebsitesResponsive Websites
Responsive Websites
Joe Seifi19.4K views
Style Guides Are The New Photoshop (Fronteers 2012) by Stephen Hay
Style Guides Are The New Photoshop (Fronteers 2012)Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)
Stephen Hay44.5K views
Now you see me... Adaptive Web Design and Development by Jonas Päckos
Now you see me... Adaptive Web Design and DevelopmentNow you see me... Adaptive Web Design and Development
Now you see me... Adaptive Web Design and Development
Jonas Päckos2.8K views
Accessibility with WordPress by Joseph Dolson
Accessibility with WordPressAccessibility with WordPress
Accessibility with WordPress
Joseph Dolson2.1K views
Responsive Design in the Real World by Clarissa Peterson
Responsive Design in the Real WorldResponsive Design in the Real World
Responsive Design in the Real World
Clarissa Peterson14.1K views
Make JavaScript Faster by Steve Souders
Make JavaScript FasterMake JavaScript Faster
Make JavaScript Faster
Steve Souders2.9K views
Responsive & Responsible Web Design in DNN by gravityworksdd
Responsive & Responsible Web Design in DNNResponsive & Responsible Web Design in DNN
Responsive & Responsible Web Design in DNN
gravityworksdd7.8K views
ClassicPress / WordPress by btopro
ClassicPress / WordPressClassicPress / WordPress
ClassicPress / WordPress
btopro102 views
Top 100 wordpress plugins by guz393
Top 100 wordpress pluginsTop 100 wordpress plugins
Top 100 wordpress plugins
guz3933.3K views
Stop reinventing the wheel: Build Responsive Websites Using Bootstrap by freshlybakedpixels
Stop reinventing the wheel: Build Responsive Websites Using BootstrapStop reinventing the wheel: Build Responsive Websites Using Bootstrap
Stop reinventing the wheel: Build Responsive Websites Using Bootstrap
freshlybakedpixels9.1K views
CSS Tricks for WordPress - WordCamp Phoenix by Sara Cannon
CSS Tricks for WordPress - WordCamp PhoenixCSS Tricks for WordPress - WordCamp Phoenix
CSS Tricks for WordPress - WordCamp Phoenix
Sara Cannon15.4K views
Web Application Development Process presented by @Cygnismedia by Clark Davidson
Web Application Development Process presented by @CygnismediaWeb Application Development Process presented by @Cygnismedia
Web Application Development Process presented by @Cygnismedia
Clark Davidson9.1K views

Viewers also liked

Beyond Responsive Web Design by
Beyond Responsive Web DesignBeyond Responsive Web Design
Beyond Responsive Web Designarborwebsolutions
15.8K views61 slides
Design Process in the Responsive Age by
Design Process in the Responsive AgeDesign Process in the Responsive Age
Design Process in the Responsive AgePon Kattera
113.9K views68 slides
Character creator by
Character creatorCharacter creator
Character creatorDana Chisnell
7.6K views38 slides
Service Design: Beyond Customer Journey Mapping by
Service Design: Beyond Customer Journey MappingService Design: Beyond Customer Journey Mapping
Service Design: Beyond Customer Journey MappingGfK User Centric
1.5K views37 slides
Sio 2009 Eq5 L13 Tra Gold Cap11 Int by
Sio 2009 Eq5 L13 Tra Gold Cap11 IntSio 2009 Eq5 L13 Tra Gold Cap11 Int
Sio 2009 Eq5 L13 Tra Gold Cap11 IntCarlos Cano
801 views26 slides
Cloud and Grids by
Cloud and GridsCloud and Grids
Cloud and GridsRuben S. Montero
1K views18 slides

Viewers also liked(20)

Design Process in the Responsive Age by Pon Kattera
Design Process in the Responsive AgeDesign Process in the Responsive Age
Design Process in the Responsive Age
Pon Kattera113.9K views
Service Design: Beyond Customer Journey Mapping by GfK User Centric
Service Design: Beyond Customer Journey MappingService Design: Beyond Customer Journey Mapping
Service Design: Beyond Customer Journey Mapping
GfK User Centric1.5K views
Sio 2009 Eq5 L13 Tra Gold Cap11 Int by Carlos Cano
Sio 2009 Eq5 L13 Tra Gold Cap11 IntSio 2009 Eq5 L13 Tra Gold Cap11 Int
Sio 2009 Eq5 L13 Tra Gold Cap11 Int
Carlos Cano801 views
(Practical) Beyond Responsive Web Design (WordCamp Miami 2011) by arborwebsolutions
(Practical) Beyond Responsive Web Design (WordCamp Miami 2011)(Practical) Beyond Responsive Web Design (WordCamp Miami 2011)
(Practical) Beyond Responsive Web Design (WordCamp Miami 2011)
arborwebsolutions5.7K views
Deconstructing delight by Dana Chisnell
Deconstructing delightDeconstructing delight
Deconstructing delight
Dana Chisnell30.5K views
40 web design trends in 2015 by Equinet Academy
40 web design trends in 201540 web design trends in 2015
40 web design trends in 2015
Equinet Academy27.4K views
Structuring Content, Restructuring Organizations - CS Forum 2012 by Sara Wachter-Boettcher
Structuring Content, Restructuring Organizations - CS Forum 2012Structuring Content, Restructuring Organizations - CS Forum 2012
Structuring Content, Restructuring Organizations - CS Forum 2012
To Boldly Go… From Information to Understanding by Stephen Anderson
To Boldly Go… From Information to UnderstandingTo Boldly Go… From Information to Understanding
To Boldly Go… From Information to Understanding
Stephen Anderson130.6K views
Meet the grids - Web design using Grids by Ramses Cabello
Meet the grids - Web design using GridsMeet the grids - Web design using Grids
Meet the grids - Web design using Grids
Ramses Cabello1.7K views
Grid Systems: Building Blocks to a Better User Experience by Dustin DiTommaso
Grid Systems: Building Blocks to a Better User ExperienceGrid Systems: Building Blocks to a Better User Experience
Grid Systems: Building Blocks to a Better User Experience
Dustin DiTommaso7.1K views
Grids In Modern Web Design by Kyle Meyer
Grids In Modern Web DesignGrids In Modern Web Design
Grids In Modern Web Design
Kyle Meyer19.9K views

Similar to RESS: An Evolution of Responsive Web Design

Responsivedesign 7-3-2012 by
Responsivedesign 7-3-2012Responsivedesign 7-3-2012
Responsivedesign 7-3-2012Thomas Carney
640 views18 slides
Measuring Web Performance by
Measuring Web Performance Measuring Web Performance
Measuring Web Performance Dave Olsen
39K views87 slides
3d web by
3d web3d web
3d webKevin Vandecar
164 views25 slides
Testable client side_mvc_apps_in_javascript by
Testable client side_mvc_apps_in_javascriptTestable client side_mvc_apps_in_javascript
Testable client side_mvc_apps_in_javascriptTimothy Oxley
1.2K views16 slides
Two approaches to RWD: Pure & Hybrid. Brendan Falkowski by
Two approaches to RWD: Pure & Hybrid. Brendan Falkowski Two approaches to RWD: Pure & Hybrid. Brendan Falkowski
Two approaches to RWD: Pure & Hybrid. Brendan Falkowski MeetMagentoNY2014
2.8K views180 slides
Web Development for UX Designers by
Web Development for UX DesignersWeb Development for UX Designers
Web Development for UX DesignersAshlimarie
38.9K views92 slides

Similar to RESS: An Evolution of Responsive Web Design(20)

Responsivedesign 7-3-2012 by Thomas Carney
Responsivedesign 7-3-2012Responsivedesign 7-3-2012
Responsivedesign 7-3-2012
Thomas Carney640 views
Measuring Web Performance by Dave Olsen
Measuring Web Performance Measuring Web Performance
Measuring Web Performance
Dave Olsen39K views
Testable client side_mvc_apps_in_javascript by Timothy Oxley
Testable client side_mvc_apps_in_javascriptTestable client side_mvc_apps_in_javascript
Testable client side_mvc_apps_in_javascript
Timothy Oxley1.2K views
Two approaches to RWD: Pure & Hybrid. Brendan Falkowski by MeetMagentoNY2014
Two approaches to RWD: Pure & Hybrid. Brendan Falkowski Two approaches to RWD: Pure & Hybrid. Brendan Falkowski
Two approaches to RWD: Pure & Hybrid. Brendan Falkowski
MeetMagentoNY20142.8K views
Web Development for UX Designers by Ashlimarie
Web Development for UX DesignersWeb Development for UX Designers
Web Development for UX Designers
Ashlimarie 38.9K views
Measuring Web Performance - HighEdWeb Edition by Dave Olsen
Measuring Web Performance - HighEdWeb EditionMeasuring Web Performance - HighEdWeb Edition
Measuring Web Performance - HighEdWeb Edition
Dave Olsen6.9K views
Demystifying web performance tooling and metrics by Anna Migas
Demystifying web performance tooling and metricsDemystifying web performance tooling and metrics
Demystifying web performance tooling and metrics
Anna Migas107 views
Use Web Skills To Build Mobile Apps by Nathan Smith
Use Web Skills To Build Mobile AppsUse Web Skills To Build Mobile Apps
Use Web Skills To Build Mobile Apps
Nathan Smith8.7K views
DiUS Computing Lca Rails Final by Robert Postill
DiUS  Computing Lca Rails FinalDiUS  Computing Lca Rails Final
DiUS Computing Lca Rails Final
Robert Postill587 views
Web app and more by faming su
Web app and moreWeb app and more
Web app and more
faming su406 views
Web Apps and more by Yan Shi
Web Apps and moreWeb Apps and more
Web Apps and more
Yan Shi1K views
resume_2016_low_rez by James Gray
resume_2016_low_rezresume_2016_low_rez
resume_2016_low_rez
James Gray115 views
WordCamp Atlanta - April 15 2018 - dev team workflow and processes with word... by Evan Mullins
WordCamp Atlanta -  April 15 2018 - dev team workflow and processes with word...WordCamp Atlanta -  April 15 2018 - dev team workflow and processes with word...
WordCamp Atlanta - April 15 2018 - dev team workflow and processes with word...
Evan Mullins1.7K views
Optimizing web performance (Fronteers edition) by Dave Olsen
Optimizing web performance (Fronteers edition)Optimizing web performance (Fronteers edition)
Optimizing web performance (Fronteers edition)
Dave Olsen7.4K views
LA RubyConf 2009 Waves And Resource-Oriented Architecture by Dan Yoder
LA RubyConf 2009 Waves And Resource-Oriented ArchitectureLA RubyConf 2009 Waves And Resource-Oriented Architecture
LA RubyConf 2009 Waves And Resource-Oriented Architecture
Dan Yoder992 views
State of modern web technologies: an introduction by Michael Ahearn
State of modern web technologies: an introductionState of modern web technologies: an introduction
State of modern web technologies: an introduction
Michael Ahearn624 views
Introduction to Client Side Dev in SharePoint Workshop by Mark Rackley
Introduction to Client Side Dev in SharePoint WorkshopIntroduction to Client Side Dev in SharePoint Workshop
Introduction to Client Side Dev in SharePoint Workshop
Mark Rackley5.2K views
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える by Sadaaki HIRAI
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考えるIt is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
It is not HTML5. but ... / HTML5ではないサイトからHTML5を考える
Sadaaki HIRAI3.6K views
Put a little Backbone in your WordPress vs. 3 by adamsilverstein
Put a little Backbone in your WordPress vs. 3Put a little Backbone in your WordPress vs. 3
Put a little Backbone in your WordPress vs. 3
adamsilverstein821 views

More from Dave Olsen

Taking Your HTML Email Communications from "Ew" to "Wow" by
Taking Your HTML Email Communications from "Ew" to "Wow"Taking Your HTML Email Communications from "Ew" to "Wow"
Taking Your HTML Email Communications from "Ew" to "Wow"Dave Olsen
886 views90 slides
The Google Marketing Workflow Workshop by
The Google Marketing Workflow WorkshopThe Google Marketing Workflow Workshop
The Google Marketing Workflow WorkshopDave Olsen
1.5K views95 slides
Building an Academic Program Database and API with Contentful and Amazon Web ... by
Building an Academic Program Database and API with Contentful and Amazon Web ...Building an Academic Program Database and API with Contentful and Amazon Web ...
Building an Academic Program Database and API with Contentful and Amazon Web ...Dave Olsen
1.4K views83 slides
Reimagining Your Website: What are prospective students looking for and how a... by
Reimagining Your Website: What are prospective students looking for and how a...Reimagining Your Website: What are prospective students looking for and how a...
Reimagining Your Website: What are prospective students looking for and how a...Dave Olsen
1.7K views62 slides
Progressive Mobile Strategy Redux: The Future Friendly Enterprise by
Progressive Mobile Strategy Redux: The Future Friendly EnterpriseProgressive Mobile Strategy Redux: The Future Friendly Enterprise
Progressive Mobile Strategy Redux: The Future Friendly EnterpriseDave Olsen
2.1K views82 slides
Case Study: Rebuilding an Admissions Web Presence by
Case Study: Rebuilding an Admissions Web PresenceCase Study: Rebuilding an Admissions Web Presence
Case Study: Rebuilding an Admissions Web PresenceDave Olsen
7.4K views59 slides

More from Dave Olsen(20)

Taking Your HTML Email Communications from "Ew" to "Wow" by Dave Olsen
Taking Your HTML Email Communications from "Ew" to "Wow"Taking Your HTML Email Communications from "Ew" to "Wow"
Taking Your HTML Email Communications from "Ew" to "Wow"
Dave Olsen886 views
The Google Marketing Workflow Workshop by Dave Olsen
The Google Marketing Workflow WorkshopThe Google Marketing Workflow Workshop
The Google Marketing Workflow Workshop
Dave Olsen1.5K views
Building an Academic Program Database and API with Contentful and Amazon Web ... by Dave Olsen
Building an Academic Program Database and API with Contentful and Amazon Web ...Building an Academic Program Database and API with Contentful and Amazon Web ...
Building an Academic Program Database and API with Contentful and Amazon Web ...
Dave Olsen1.4K views
Reimagining Your Website: What are prospective students looking for and how a... by Dave Olsen
Reimagining Your Website: What are prospective students looking for and how a...Reimagining Your Website: What are prospective students looking for and how a...
Reimagining Your Website: What are prospective students looking for and how a...
Dave Olsen1.7K views
Progressive Mobile Strategy Redux: The Future Friendly Enterprise by Dave Olsen
Progressive Mobile Strategy Redux: The Future Friendly EnterpriseProgressive Mobile Strategy Redux: The Future Friendly Enterprise
Progressive Mobile Strategy Redux: The Future Friendly Enterprise
Dave Olsen2.1K views
Case Study: Rebuilding an Admissions Web Presence by Dave Olsen
Case Study: Rebuilding an Admissions Web PresenceCase Study: Rebuilding an Admissions Web Presence
Case Study: Rebuilding an Admissions Web Presence
Dave Olsen7.4K views
Admissions Brain Dump by Dave Olsen
Admissions Brain DumpAdmissions Brain Dump
Admissions Brain Dump
Dave Olsen1.1K views
Implementing Brand Patterns by Dave Olsen
Implementing Brand PatternsImplementing Brand Patterns
Implementing Brand Patterns
Dave Olsen2.8K views
The Death of Lorem Ipsum and Pixel-Perfect Content (MinneWebCon version) by Dave Olsen
The Death of Lorem Ipsum and Pixel-Perfect Content (MinneWebCon version)The Death of Lorem Ipsum and Pixel-Perfect Content (MinneWebCon version)
The Death of Lorem Ipsum and Pixel-Perfect Content (MinneWebCon version)
Dave Olsen1.6K views
Case Study: Automating Outage Monitoring & Communication by Dave Olsen
Case Study: Automating Outage Monitoring & CommunicationCase Study: Automating Outage Monitoring & Communication
Case Study: Automating Outage Monitoring & Communication
Dave Olsen1.9K views
The Death of Lorem Ipsum & Pixel Perfect Content by Dave Olsen
The Death of Lorem Ipsum & Pixel Perfect ContentThe Death of Lorem Ipsum & Pixel Perfect Content
The Death of Lorem Ipsum & Pixel Perfect Content
Dave Olsen13.1K views
The Why and What of Pattern Lab by Dave Olsen
The Why and What of Pattern LabThe Why and What of Pattern Lab
The Why and What of Pattern Lab
Dave Olsen14.3K views
The Squishy Future of Content - HEEMAC Edition by Dave Olsen
The Squishy Future of Content - HEEMAC EditionThe Squishy Future of Content - HEEMAC Edition
The Squishy Future of Content - HEEMAC Edition
Dave Olsen1.9K views
The What & Why of Pattern Lab by Dave Olsen
The What & Why of Pattern LabThe What & Why of Pattern Lab
The What & Why of Pattern Lab
Dave Olsen8.5K views
The Squishy Future of Content - Key Communicators Edition by Dave Olsen
The Squishy Future of Content - Key Communicators EditionThe Squishy Future of Content - Key Communicators Edition
The Squishy Future of Content - Key Communicators Edition
Dave Olsen2K views
The Squishy Future of Content - Penn State Edition by Dave Olsen
The Squishy Future of Content - Penn State EditionThe Squishy Future of Content - Penn State Edition
The Squishy Future of Content - Penn State Edition
Dave Olsen1.4K views
The Squishy Future of Content by Dave Olsen
The Squishy Future of ContentThe Squishy Future of Content
The Squishy Future of Content
Dave Olsen29.4K views
Web Performance & You - HighEdWeb Arkansas Version by Dave Olsen
Web Performance & You - HighEdWeb Arkansas VersionWeb Performance & You - HighEdWeb Arkansas Version
Web Performance & You - HighEdWeb Arkansas Version
Dave Olsen16.8K views
Web Performance & You by Dave Olsen
Web Performance & YouWeb Performance & You
Web Performance & You
Dave Olsen2.7K views
Measuring Web Performance (HighEdWeb FL Edition) by Dave Olsen
Measuring Web Performance (HighEdWeb FL Edition)Measuring Web Performance (HighEdWeb FL Edition)
Measuring Web Performance (HighEdWeb FL Edition)
Dave Olsen3.2K views

Recently uploaded

Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen... by
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...NUS-ISS
28 views70 slides
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum... by
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...NUS-ISS
34 views35 slides
Perth MeetUp November 2023 by
Perth MeetUp November 2023 Perth MeetUp November 2023
Perth MeetUp November 2023 Michael Price
15 views44 slides
The Research Portal of Catalonia: Growing more (information) & more (services) by
The Research Portal of Catalonia: Growing more (information) & more (services)The Research Portal of Catalonia: Growing more (information) & more (services)
The Research Portal of Catalonia: Growing more (information) & more (services)CSUC - Consorci de Serveis Universitaris de Catalunya
73 views25 slides
AI: mind, matter, meaning, metaphors, being, becoming, life values by
AI: mind, matter, meaning, metaphors, being, becoming, life valuesAI: mind, matter, meaning, metaphors, being, becoming, life values
AI: mind, matter, meaning, metaphors, being, becoming, life valuesTwain Liu 刘秋艳
35 views16 slides
Voice Logger - Telephony Integration Solution at Aegis by
Voice Logger - Telephony Integration Solution at AegisVoice Logger - Telephony Integration Solution at Aegis
Voice Logger - Telephony Integration Solution at AegisNirmal Sharma
17 views1 slide

Recently uploaded(20)

Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen... by NUS-ISS
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...
NUS-ISS28 views
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum... by NUS-ISS
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...
Beyond the Hype: What Generative AI Means for the Future of Work - Damien Cum...
NUS-ISS34 views
Perth MeetUp November 2023 by Michael Price
Perth MeetUp November 2023 Perth MeetUp November 2023
Perth MeetUp November 2023
Michael Price15 views
AI: mind, matter, meaning, metaphors, being, becoming, life values by Twain Liu 刘秋艳
AI: mind, matter, meaning, metaphors, being, becoming, life valuesAI: mind, matter, meaning, metaphors, being, becoming, life values
AI: mind, matter, meaning, metaphors, being, becoming, life values
Voice Logger - Telephony Integration Solution at Aegis by Nirmal Sharma
Voice Logger - Telephony Integration Solution at AegisVoice Logger - Telephony Integration Solution at Aegis
Voice Logger - Telephony Integration Solution at Aegis
Nirmal Sharma17 views
RADIUS-Omnichannel Interaction System by RADIUS
RADIUS-Omnichannel Interaction SystemRADIUS-Omnichannel Interaction System
RADIUS-Omnichannel Interaction System
RADIUS15 views
[2023] Putting the R! in R&D.pdf by Eleanor McHugh
[2023] Putting the R! in R&D.pdf[2023] Putting the R! in R&D.pdf
[2023] Putting the R! in R&D.pdf
Eleanor McHugh38 views
Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica... by NUS-ISS
Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...
Emerging & Future Technology - How to Prepare for the Next 10 Years of Radica...
NUS-ISS16 views
Spesifikasi Lengkap ASUS Vivobook Go 14 by Dot Semarang
Spesifikasi Lengkap ASUS Vivobook Go 14Spesifikasi Lengkap ASUS Vivobook Go 14
Spesifikasi Lengkap ASUS Vivobook Go 14
Dot Semarang35 views
Future of Learning - Yap Aye Wee.pdf by NUS-ISS
Future of Learning - Yap Aye Wee.pdfFuture of Learning - Yap Aye Wee.pdf
Future of Learning - Yap Aye Wee.pdf
NUS-ISS41 views
DALI Basics Course 2023 by Ivory Egg
DALI Basics Course  2023DALI Basics Course  2023
DALI Basics Course 2023
Ivory Egg14 views
Combining Orchestration and Choreography for a Clean Architecture by ThomasHeinrichs1
Combining Orchestration and Choreography for a Clean ArchitectureCombining Orchestration and Choreography for a Clean Architecture
Combining Orchestration and Choreography for a Clean Architecture
ThomasHeinrichs169 views
Digital Product-Centric Enterprise and Enterprise Architecture - Tan Eng Tsze by NUS-ISS
Digital Product-Centric Enterprise and Enterprise Architecture - Tan Eng TszeDigital Product-Centric Enterprise and Enterprise Architecture - Tan Eng Tsze
Digital Product-Centric Enterprise and Enterprise Architecture - Tan Eng Tsze
NUS-ISS19 views
Igniting Next Level Productivity with AI-Infused Data Integration Workflows by Safe Software
Igniting Next Level Productivity with AI-Infused Data Integration Workflows Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Safe Software225 views
Understanding GenAI/LLM and What is Google Offering - Felix Goh by NUS-ISS
Understanding GenAI/LLM and What is Google Offering - Felix GohUnderstanding GenAI/LLM and What is Google Offering - Felix Goh
Understanding GenAI/LLM and What is Google Offering - Felix Goh
NUS-ISS41 views
handbook for web 3 adoption.pdf by Liveplex
handbook for web 3 adoption.pdfhandbook for web 3 adoption.pdf
handbook for web 3 adoption.pdf
Liveplex19 views

RESS: An Evolution of Responsive Web Design