SlideShare a Scribd company logo
1 of 75
Download to read offline
Designing HTML for
Devices
Terry Ryan | Developer Evangelist
Twitter: @tpryan #CreateTheWeb
Who are
 you?
          @tpryan
THE PROBLEMS


               @tpryan
Screens are
 Exploding
          @tpryan
@tpryan
@tpryan
@tpryan
@tpryan
Source: http://osxdaily.com/2012/02/10/how-ipad-3s-retina-display-resolution-would-compare-to-other-screens/
                                                                                                        @tpryan
SOLUTIONS


            @tpryan
Ignore it

            @tpryan
Mobile Sites

          @tpryan
Mobile Apps

         @tpryan
Responsive
   Sites
         @tpryan
I vote
responsive
         @tpryan
HTML
  already
handles this
          @tpryan
Source: http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
                                                                                     @tpryan
Everything
  added
makes the
 web less
         @tpryan
How do we
  do it?
        @tpryan
Responsive Web
• Get rid of the stuff that your users don’t
  want.




                                        @tpryan
@tpryan
@tpryan
@tpryan
@tpryan
Source: http://xkcd.com/773/
                               @tpryan
You are not in
 control of how
   your users
experience your
      site
              @tpryan
Responsive Web
• Develop like your browser is just one big
  linear display

• Enhance for wider screens
• Tweak for mobile
• Test it on targets
• Iterate until it works right

                                       @tpryan
RESPONSIVE DESIGN
BROKEN DOWN


                    @tpryan
Demo

       Adobe Camp
           Site
               @tpryan
Responsive Layout
• Start with a right sized browser
• Start designing 1 column
• Make it look right
• Then start attacking larger screen sizes
 • tablet
 • desktop
• Then go back and do mobile
                                         @tpryan
Grid Systems
• A few out there that handle this for you
 • Bootstrap
 • Responsive Grid System
 • CSSGrid
• But know how to do it manually

                                       @tpryan
Manually
• Floats
• display:
 • table
 • table-row
 • table-cell
• display
 • inline-block
• Flexbox
                  @tpryan
Float
<ul>

  <li><a href="">Home</a></li>

  <li><a href="">About</a></li>

  <li class="search"><a href="">Search</a></li>
</ul>

li{ float: left;}




Home About Search


                                                   @tpryan
Float
<ul>

  <li><a href="">Home</a></li>

  <li><a href="">About</a></li>

  <li class="search"><a href="">Search</a></li>
</ul>

li{ float: left;}
.search {float:right}




Home About                                           Search


                                                   @tpryan
Float
<ul>

  <li><a href="">Home</a></li>

  <li><a href="">About</a></li>

  <li class="search"><a href="">Search</a></li>
</ul>

Any mistakes?



Home
        About
                Search




                                                   @tpryan
CSS Table
<ul>

  <li><a href="">Home</a></li>

  <li><a href="">About</a></li>

  <li class="search"><a href="">Search</a></li>
</ul>

li{display: table-cell}




         Home                  About               Search


                                                            @tpryan
CSS Table
<ul>

  <li><a href="">Home</a></li>

  <li><a href="">About</a></li>

  <li class="search"><a href="">Search</a></li>
</ul>

li{display: table-cell}


    A S
H
    b e
o
    o ar
m
    u c
e
    t h



                                                   @tpryan
Inline-block
<ul>

  <li><a href="">Home</a></li>

  <li><a href="">About</a></li>

  <li class="search"><a href="">Search</a></li>
</ul>

li{display: inline-block}




         Home                  About               Search


                                                            @tpryan
Inline-block
<ul>

  <li><a href="">Home</a></li>

  <li><a href="">About</a></li>

  <li class="search"><a href="">Search</a></li>
</ul>

li{display: inline-block}



          Home


          About


          Search
                                                   @tpryan
Inline-block
<ul>

  <li><a href="">Home</a></li>

  <li><a href="">About</a></li>

  <li class="search"><a href="">Search</a></li>
</ul>

li{display: inline-block}



          Home                  About


          Search



                                                   @tpryan
Forget I ever
    said
  anything
   about
           @tpryan
I reccomend
inline-block
   in most
    cases @tpryan
Demo

       Adobe Camp
           Site
               @tpryan
RESPONSIVE


             @tpryan
Some fonts
 don’t look
  right at
small sizes.
 Especially elegant, thin, fonts

                                   @tpryan
The longer the
line
the more line
spacing you
need. Don’t
know why, but
it’s true.
The longer the line the
more line spacing you
need. Don’t know why,
but it’s true.
                          @tpryan
The longer the
line
the more line
spacing you
need. Don’t
know why, but
it’s true.
The longer the line the
more line spacing you
need. Don’t know why,
but it’s true.
                          @tpryan
Some
headers
look too
 big on
       @tpryan
Is   this enough
Is   contrast?
     this enough
Is   contrast?
     this enough
Is   contrast?
     this enough
     contrast?
               @tpryan
Demo

       Adobe Camp
           Site
               @tpryan
RESPONSIVE IMAGES


                    @tpryan
max-width=
   100%
        @tpryan
Adaptive
 Images
           @tpryan
Sometimes
 you need
 multiple
  images@tpryan
@tpryan
@tpryan
@tpryan
No
comprehensi
    ve
answers yet
         @tpryan
WHAT’S NEXT


              @tpryan
Not done yet

          @tpryan
Unless you test
  on the device,
you haven’t tested

               @tpryan
But I used an
  emulator

                @tpryan
Unless you
   test
  on the
  device,
you haven’t
          @tpryan
ADOBE SHADOW
Mihai Corlan in the next session


                                   @tpryan
Responsive Resources
•   http://www.alistapart.com/articles/responsive-web-design/

•   http://www.abookapart.com/products/responsive-web-design




                                                                @tpryan
CONCLUSIONS


              @tpryan
Source: http://www.asymco.com/2012/01/17/the-rise-and-fall-of-personal-
                              computing/
                                                              @tpryan
Mobile Engagement
• Paypal mobile payments:
 • 2009 - $141,000,000
 • 2011- $4,000,000,000
                    Text
• Fab - 2X more likely to buy on mobile
• Financial Times - 2x more likely to
  subscribe

• Flipboard - 3x more likely to engage
              Source: http://www.lukew.com/
                                              @tpryan
Mobile is
 not the
 distant
 future     @tpryan
Mobile is
 not the
 future
            @tpryan
Mobile is
the present
          @tpryan
Mobile done
  right can
yield higher
   returns@tpryan
You cannot
control your
   users
          @tpryan
Meet them
where they
 are with
Responsive
         @tpryan
Follow up?
• Preso will be up at:
  - http://slideshare.net/tpryan
• Feel free to contact me
  - terry.ryan@adobe.com
                      Text
  - http://terrenceryan.com
  - Twitter: @tpryan #CreateTheWeb

More Related Content

What's hot

Creating a Website with WordPress.org
Creating a Website with WordPress.orgCreating a Website with WordPress.org
Creating a Website with WordPress.orgEileen Lonergan
 
eduWeb 2017 - S.I.F.T. Through Your Content For Accessibility
eduWeb 2017 - S.I.F.T. Through Your Content For Accessibility eduWeb 2017 - S.I.F.T. Through Your Content For Accessibility
eduWeb 2017 - S.I.F.T. Through Your Content For Accessibility Justin Gatewood
 
S.I.F.T. Through Your Content For Accessibility
S.I.F.T. Through Your Content For AccessibilityS.I.F.T. Through Your Content For Accessibility
S.I.F.T. Through Your Content For AccessibilityJustin Gatewood
 
Essential Plugins For Your WordPress Real Estate Blog
Essential Plugins For Your WordPress Real Estate BlogEssential Plugins For Your WordPress Real Estate Blog
Essential Plugins For Your WordPress Real Estate BlogJay Thompson
 
Creating a self hosted wordpress website from scratch
Creating a self hosted wordpress website from scratchCreating a self hosted wordpress website from scratch
Creating a self hosted wordpress website from scratchNeil Kearney
 
WordPress for Real Estate
WordPress for Real EstateWordPress for Real Estate
WordPress for Real EstateJay Thompson
 
Who Wants to Use QR Codes
Who Wants to Use QR CodesWho Wants to Use QR Codes
Who Wants to Use QR CodesJudy Horn
 
Scaling automated quality text generation for enterprise sites
Scaling automated quality text generation for enterprise sitesScaling automated quality text generation for enterprise sites
Scaling automated quality text generation for enterprise sitesHamlet Batista
 
Introduction to Webcomponents
Introduction to WebcomponentsIntroduction to Webcomponents
Introduction to WebcomponentsNeha Sharma
 
Dayton word press meetup
Dayton word press meetupDayton word press meetup
Dayton word press meetupDustin Hartzler
 
ONA08 - Jesse Thomas
ONA08 - Jesse ThomasONA08 - Jesse Thomas
ONA08 - Jesse ThomasJesse Thomas
 
Online Reputation Management presentation
Online Reputation Management presentationOnline Reputation Management presentation
Online Reputation Management presentationTabish Javed
 
A Beginner's Guide to WordPress - Podcamp Toronto 2012
A Beginner's Guide to WordPress - Podcamp Toronto 2012A Beginner's Guide to WordPress - Podcamp Toronto 2012
A Beginner's Guide to WordPress - Podcamp Toronto 2012Kathryn Presner
 

What's hot (20)

Creating a Website with WordPress.org
Creating a Website with WordPress.orgCreating a Website with WordPress.org
Creating a Website with WordPress.org
 
eduWeb 2017 - S.I.F.T. Through Your Content For Accessibility
eduWeb 2017 - S.I.F.T. Through Your Content For Accessibility eduWeb 2017 - S.I.F.T. Through Your Content For Accessibility
eduWeb 2017 - S.I.F.T. Through Your Content For Accessibility
 
S.I.F.T. Through Your Content For Accessibility
S.I.F.T. Through Your Content For AccessibilityS.I.F.T. Through Your Content For Accessibility
S.I.F.T. Through Your Content For Accessibility
 
Essential Plugins For Your WordPress Real Estate Blog
Essential Plugins For Your WordPress Real Estate BlogEssential Plugins For Your WordPress Real Estate Blog
Essential Plugins For Your WordPress Real Estate Blog
 
Creating a self hosted wordpress website from scratch
Creating a self hosted wordpress website from scratchCreating a self hosted wordpress website from scratch
Creating a self hosted wordpress website from scratch
 
PowerUpYour PPLN
PowerUpYour PPLNPowerUpYour PPLN
PowerUpYour PPLN
 
WordPress for Real Estate
WordPress for Real EstateWordPress for Real Estate
WordPress for Real Estate
 
Who Wants to Use QR Codes
Who Wants to Use QR CodesWho Wants to Use QR Codes
Who Wants to Use QR Codes
 
Scaling automated quality text generation for enterprise sites
Scaling automated quality text generation for enterprise sitesScaling automated quality text generation for enterprise sites
Scaling automated quality text generation for enterprise sites
 
Web development basics
Web development basicsWeb development basics
Web development basics
 
Introduction to Webcomponents
Introduction to WebcomponentsIntroduction to Webcomponents
Introduction to Webcomponents
 
Dayton word press meetup
Dayton word press meetupDayton word press meetup
Dayton word press meetup
 
ONA08 - Jesse Thomas
ONA08 - Jesse ThomasONA08 - Jesse Thomas
ONA08 - Jesse Thomas
 
Is Your (Client's) Website Ready for 2017?
Is Your (Client's) Website Ready for 2017?Is Your (Client's) Website Ready for 2017?
Is Your (Client's) Website Ready for 2017?
 
Online Reputation Management presentation
Online Reputation Management presentationOnline Reputation Management presentation
Online Reputation Management presentation
 
Use atomic design ftw
Use atomic design ftwUse atomic design ftw
Use atomic design ftw
 
Blog101
Blog101Blog101
Blog101
 
WordPress 101 for Solo Professionals
WordPress 101 for Solo ProfessionalsWordPress 101 for Solo Professionals
WordPress 101 for Solo Professionals
 
Python for SEO
Python for SEOPython for SEO
Python for SEO
 
A Beginner's Guide to WordPress - Podcamp Toronto 2012
A Beginner's Guide to WordPress - Podcamp Toronto 2012A Beginner's Guide to WordPress - Podcamp Toronto 2012
A Beginner's Guide to WordPress - Podcamp Toronto 2012
 

Viewers also liked

Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap BuildSkip the IDE with PhoneGap Build
Skip the IDE with PhoneGap BuildTerry Ryan
 
Adobe and Modern Web Development
Adobe and Modern Web DevelopmentAdobe and Modern Web Development
Adobe and Modern Web DevelopmentTerry Ryan
 
The Future of HTML5 Motion Design
The Future of HTML5 Motion DesignThe Future of HTML5 Motion Design
The Future of HTML5 Motion DesignTerry Ryan
 
The Groundbreaking Revolution in Mobile App Development
The Groundbreaking Revolution in Mobile App DevelopmentThe Groundbreaking Revolution in Mobile App Development
The Groundbreaking Revolution in Mobile App DevelopmenthSenid Mobile Marketing
 
The Future of HTML5 Motion Design
 The Future of HTML5 Motion Design The Future of HTML5 Motion Design
The Future of HTML5 Motion DesignTerry Ryan
 
Sperimentazioni lezione6 from_designtoapplication copy
Sperimentazioni lezione6 from_designtoapplication copySperimentazioni lezione6 from_designtoapplication copy
Sperimentazioni lezione6 from_designtoapplication copySalvatore Iaconesi
 
Master Exhibit & Public Design, La Sapienza, Lezione 1
Master Exhibit & Public Design, La Sapienza, Lezione 1Master Exhibit & Public Design, La Sapienza, Lezione 1
Master Exhibit & Public Design, La Sapienza, Lezione 1Salvatore Iaconesi
 

Viewers also liked (8)

Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap BuildSkip the IDE with PhoneGap Build
Skip the IDE with PhoneGap Build
 
Adobe and Modern Web Development
Adobe and Modern Web DevelopmentAdobe and Modern Web Development
Adobe and Modern Web Development
 
WebDU Keynote
WebDU KeynoteWebDU Keynote
WebDU Keynote
 
The Future of HTML5 Motion Design
The Future of HTML5 Motion DesignThe Future of HTML5 Motion Design
The Future of HTML5 Motion Design
 
The Groundbreaking Revolution in Mobile App Development
The Groundbreaking Revolution in Mobile App DevelopmentThe Groundbreaking Revolution in Mobile App Development
The Groundbreaking Revolution in Mobile App Development
 
The Future of HTML5 Motion Design
 The Future of HTML5 Motion Design The Future of HTML5 Motion Design
The Future of HTML5 Motion Design
 
Sperimentazioni lezione6 from_designtoapplication copy
Sperimentazioni lezione6 from_designtoapplication copySperimentazioni lezione6 from_designtoapplication copy
Sperimentazioni lezione6 from_designtoapplication copy
 
Master Exhibit & Public Design, La Sapienza, Lezione 1
Master Exhibit & Public Design, La Sapienza, Lezione 1Master Exhibit & Public Design, La Sapienza, Lezione 1
Master Exhibit & Public Design, La Sapienza, Lezione 1
 

Similar to HTML Design for Devices

Selfish Accessibility: Government Digital Service
Selfish Accessibility: Government Digital ServiceSelfish Accessibility: Government Digital Service
Selfish Accessibility: Government Digital ServiceAdrian Roselli
 
Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017Adrian Roselli
 
Selfish Accessibility — WordCamp Europe 2017
Selfish Accessibility — WordCamp Europe 2017Selfish Accessibility — WordCamp Europe 2017
Selfish Accessibility — WordCamp Europe 2017Adrian Roselli
 
Social dev camp_2011
Social dev camp_2011Social dev camp_2011
Social dev camp_2011Craig Ulliott
 
Site Crawling: What To Do & What To Look For
Site Crawling: What To Do & What To Look ForSite Crawling: What To Do & What To Look For
Site Crawling: What To Do & What To Look ForOutspoken Media
 
Selfish Accessibility: HTML5 Developer Conference 2014
Selfish Accessibility: HTML5 Developer Conference 2014Selfish Accessibility: HTML5 Developer Conference 2014
Selfish Accessibility: HTML5 Developer Conference 2014Adrian Roselli
 
Container Days NYC Keynote
Container Days NYC KeynoteContainer Days NYC Keynote
Container Days NYC KeynoteBoyd Hemphill
 
User stories: from good intentions to bad advice - Lean Agile Scotland 2019
User stories: from good intentions to bad advice - Lean Agile Scotland 2019User stories: from good intentions to bad advice - Lean Agile Scotland 2019
User stories: from good intentions to bad advice - Lean Agile Scotland 2019Seb Rose
 
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Dylan Wilbanks
 
ALA TechSource Workshop: The Paperless Professional
ALA TechSource Workshop: The Paperless Professional ALA TechSource Workshop: The Paperless Professional
ALA TechSource Workshop: The Paperless Professional ALATechSource
 
T44u 2015, web development best practice
T44u 2015, web development best practiceT44u 2015, web development best practice
T44u 2015, web development best practiceTerminalfour
 
Progressively Enhancing WordPress Themes
Progressively Enhancing WordPress ThemesProgressively Enhancing WordPress Themes
Progressively Enhancing WordPress ThemesDigitally
 
Darwin web standards
Darwin web standardsDarwin web standards
Darwin web standardsJustin Avery
 
Let's Sharpen Your Agile Ax, It's Story Splitting Time
Let's Sharpen Your Agile Ax, It's Story Splitting TimeLet's Sharpen Your Agile Ax, It's Story Splitting Time
Let's Sharpen Your Agile Ax, It's Story Splitting TimeExcella
 
The Power of Python :: How It Can Help With Technical SEO | Bristol SEO May 2...
The Power of Python :: How It Can Help With Technical SEO | Bristol SEO May 2...The Power of Python :: How It Can Help With Technical SEO | Bristol SEO May 2...
The Power of Python :: How It Can Help With Technical SEO | Bristol SEO May 2...Ruth Everett
 
Tackling Python: What is it and how can it help with Technical SEO?
Tackling Python: What is it and how can it help with Technical SEO?Tackling Python: What is it and how can it help with Technical SEO?
Tackling Python: What is it and how can it help with Technical SEO?BristolSEO
 
Perfect Starts: How to Get the Right Traffic with a Content Audit
Perfect Starts: How to Get the Right Traffic with a Content AuditPerfect Starts: How to Get the Right Traffic with a Content Audit
Perfect Starts: How to Get the Right Traffic with a Content AuditMichael King
 
Selfish Accessibility — Harbour Front HK
Selfish Accessibility — Harbour Front HKSelfish Accessibility — Harbour Front HK
Selfish Accessibility — Harbour Front HKAdrian Roselli
 

Similar to HTML Design for Devices (20)

Ds @ bol
Ds @ bolDs @ bol
Ds @ bol
 
Selfish Accessibility: Government Digital Service
Selfish Accessibility: Government Digital ServiceSelfish Accessibility: Government Digital Service
Selfish Accessibility: Government Digital Service
 
Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017
 
Selfish Accessibility — WordCamp Europe 2017
Selfish Accessibility — WordCamp Europe 2017Selfish Accessibility — WordCamp Europe 2017
Selfish Accessibility — WordCamp Europe 2017
 
Social dev camp_2011
Social dev camp_2011Social dev camp_2011
Social dev camp_2011
 
Site Crawling: What To Do & What To Look For
Site Crawling: What To Do & What To Look ForSite Crawling: What To Do & What To Look For
Site Crawling: What To Do & What To Look For
 
Selfish Accessibility: HTML5 Developer Conference 2014
Selfish Accessibility: HTML5 Developer Conference 2014Selfish Accessibility: HTML5 Developer Conference 2014
Selfish Accessibility: HTML5 Developer Conference 2014
 
Container Days NYC Keynote
Container Days NYC KeynoteContainer Days NYC Keynote
Container Days NYC Keynote
 
User stories: from good intentions to bad advice - Lean Agile Scotland 2019
User stories: from good intentions to bad advice - Lean Agile Scotland 2019User stories: from good intentions to bad advice - Lean Agile Scotland 2019
User stories: from good intentions to bad advice - Lean Agile Scotland 2019
 
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
Twin Redheaded Stepchildren of a Different Mother: The Usability of Accessibi...
 
ALA TechSource Workshop: The Paperless Professional
ALA TechSource Workshop: The Paperless Professional ALA TechSource Workshop: The Paperless Professional
ALA TechSource Workshop: The Paperless Professional
 
T44u 2015, web development best practice
T44u 2015, web development best practiceT44u 2015, web development best practice
T44u 2015, web development best practice
 
Progressively Enhancing WordPress Themes
Progressively Enhancing WordPress ThemesProgressively Enhancing WordPress Themes
Progressively Enhancing WordPress Themes
 
Darwin web standards
Darwin web standardsDarwin web standards
Darwin web standards
 
Let's Sharpen Your Agile Ax, It's Story Splitting Time
Let's Sharpen Your Agile Ax, It's Story Splitting TimeLet's Sharpen Your Agile Ax, It's Story Splitting Time
Let's Sharpen Your Agile Ax, It's Story Splitting Time
 
Sharpen your Agile Axe by Brian Sjorber
Sharpen your Agile Axe by Brian SjorberSharpen your Agile Axe by Brian Sjorber
Sharpen your Agile Axe by Brian Sjorber
 
The Power of Python :: How It Can Help With Technical SEO | Bristol SEO May 2...
The Power of Python :: How It Can Help With Technical SEO | Bristol SEO May 2...The Power of Python :: How It Can Help With Technical SEO | Bristol SEO May 2...
The Power of Python :: How It Can Help With Technical SEO | Bristol SEO May 2...
 
Tackling Python: What is it and how can it help with Technical SEO?
Tackling Python: What is it and how can it help with Technical SEO?Tackling Python: What is it and how can it help with Technical SEO?
Tackling Python: What is it and how can it help with Technical SEO?
 
Perfect Starts: How to Get the Right Traffic with a Content Audit
Perfect Starts: How to Get the Right Traffic with a Content AuditPerfect Starts: How to Get the Right Traffic with a Content Audit
Perfect Starts: How to Get the Right Traffic with a Content Audit
 
Selfish Accessibility — Harbour Front HK
Selfish Accessibility — Harbour Front HKSelfish Accessibility — Harbour Front HK
Selfish Accessibility — Harbour Front HK
 

More from Terry Ryan

Semantic HTML5
Semantic HTML5Semantic HTML5
Semantic HTML5Terry Ryan
 
The Future of HTML Motion Design
The Future of HTML Motion DesignThe Future of HTML Motion Design
The Future of HTML Motion DesignTerry Ryan
 
Beautiful PhoneGap Apps
Beautiful PhoneGap AppsBeautiful PhoneGap Apps
Beautiful PhoneGap AppsTerry Ryan
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5Terry Ryan
 
Mobile Apps with PhoneGap and jQuery Mobile
Mobile Apps with PhoneGap and jQuery MobileMobile Apps with PhoneGap and jQuery Mobile
Mobile Apps with PhoneGap and jQuery MobileTerry Ryan
 
Design for Developers
Design for DevelopersDesign for Developers
Design for DevelopersTerry Ryan
 
cf.Objective ANZ Keynote
cf.Objective ANZ Keynotecf.Objective ANZ Keynote
cf.Objective ANZ KeynoteTerry Ryan
 
Flex Mobile Skinning Workshop
Flex Mobile Skinning WorkshopFlex Mobile Skinning Workshop
Flex Mobile Skinning WorkshopTerry Ryan
 
HTML5 Semantic Web
HTML5 Semantic WebHTML5 Semantic Web
HTML5 Semantic WebTerry Ryan
 
Intro to Coldfusion
Intro to ColdfusionIntro to Coldfusion
Intro to ColdfusionTerry Ryan
 
Driving Technical Change
Driving Technical ChangeDriving Technical Change
Driving Technical ChangeTerry Ryan
 
Mobile Apps with ColdFusion
Mobile Apps with ColdFusionMobile Apps with ColdFusion
Mobile Apps with ColdFusionTerry Ryan
 
Developing for Xoom with Flash and AIR
Developing for Xoom with Flash and AIRDeveloping for Xoom with Flash and AIR
Developing for Xoom with Flash and AIRTerry Ryan
 
Developing Apps for the BlackBerry PlayBook
Developing Apps for the BlackBerry PlayBook Developing Apps for the BlackBerry PlayBook
Developing Apps for the BlackBerry PlayBook Terry Ryan
 
Building apps for multiple devices
Building apps for multiple devicesBuilding apps for multiple devices
Building apps for multiple devicesTerry Ryan
 
Scotch on the Rocks 2011 - Keynote
Scotch on the Rocks 2011 - KeynoteScotch on the Rocks 2011 - Keynote
Scotch on the Rocks 2011 - KeynoteTerry Ryan
 
ColdFusion Builder Extensions
ColdFusion Builder ExtensionsColdFusion Builder Extensions
ColdFusion Builder ExtensionsTerry Ryan
 
Mobile Apps using Flex and ColdFusion
Mobile Apps using Flex and ColdFusionMobile Apps using Flex and ColdFusion
Mobile Apps using Flex and ColdFusionTerry Ryan
 

More from Terry Ryan (20)

Semantic HTML5
Semantic HTML5Semantic HTML5
Semantic HTML5
 
The Future of HTML Motion Design
The Future of HTML Motion DesignThe Future of HTML Motion Design
The Future of HTML Motion Design
 
D2WC Keynote
D2WC KeynoteD2WC Keynote
D2WC Keynote
 
Beautiful PhoneGap Apps
Beautiful PhoneGap AppsBeautiful PhoneGap Apps
Beautiful PhoneGap Apps
 
Introduction to HTML5
Introduction to HTML5Introduction to HTML5
Introduction to HTML5
 
Adobe & HTML5
Adobe & HTML5Adobe & HTML5
Adobe & HTML5
 
Mobile Apps with PhoneGap and jQuery Mobile
Mobile Apps with PhoneGap and jQuery MobileMobile Apps with PhoneGap and jQuery Mobile
Mobile Apps with PhoneGap and jQuery Mobile
 
Design for Developers
Design for DevelopersDesign for Developers
Design for Developers
 
cf.Objective ANZ Keynote
cf.Objective ANZ Keynotecf.Objective ANZ Keynote
cf.Objective ANZ Keynote
 
Flex Mobile Skinning Workshop
Flex Mobile Skinning WorkshopFlex Mobile Skinning Workshop
Flex Mobile Skinning Workshop
 
HTML5 Semantic Web
HTML5 Semantic WebHTML5 Semantic Web
HTML5 Semantic Web
 
Intro to Coldfusion
Intro to ColdfusionIntro to Coldfusion
Intro to Coldfusion
 
Driving Technical Change
Driving Technical ChangeDriving Technical Change
Driving Technical Change
 
Mobile Apps with ColdFusion
Mobile Apps with ColdFusionMobile Apps with ColdFusion
Mobile Apps with ColdFusion
 
Developing for Xoom with Flash and AIR
Developing for Xoom with Flash and AIRDeveloping for Xoom with Flash and AIR
Developing for Xoom with Flash and AIR
 
Developing Apps for the BlackBerry PlayBook
Developing Apps for the BlackBerry PlayBook Developing Apps for the BlackBerry PlayBook
Developing Apps for the BlackBerry PlayBook
 
Building apps for multiple devices
Building apps for multiple devicesBuilding apps for multiple devices
Building apps for multiple devices
 
Scotch on the Rocks 2011 - Keynote
Scotch on the Rocks 2011 - KeynoteScotch on the Rocks 2011 - Keynote
Scotch on the Rocks 2011 - Keynote
 
ColdFusion Builder Extensions
ColdFusion Builder ExtensionsColdFusion Builder Extensions
ColdFusion Builder Extensions
 
Mobile Apps using Flex and ColdFusion
Mobile Apps using Flex and ColdFusionMobile Apps using Flex and ColdFusion
Mobile Apps using Flex and ColdFusion
 

Recently uploaded

LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0DanBrown980551
 
EMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? WebinarEMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? WebinarThousandEyes
 
Technical SEO for Improved Accessibility WTS FEST
Technical SEO for Improved Accessibility  WTS FESTTechnical SEO for Improved Accessibility  WTS FEST
Technical SEO for Improved Accessibility WTS FESTBillieHyde
 
From the origin to the future of Open Source model and business
From the origin to the future of  Open Source model and businessFrom the origin to the future of  Open Source model and business
From the origin to the future of Open Source model and businessFrancesco Corti
 
TrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie WorldTrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie WorldTrustArc
 
Keep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES LiveKeep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES LiveIES VE
 
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptxEmil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptxNeo4j
 
Oracle Database 23c Security New Features.pptx
Oracle Database 23c Security New Features.pptxOracle Database 23c Security New Features.pptx
Oracle Database 23c Security New Features.pptxSatishbabu Gunukula
 
Scenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenariosScenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenariosErol GIRAUDY
 
CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024Brian Pichman
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
 
UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3DianaGray10
 
Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...DianaGray10
 
20140402 - Smart house demo kit
20140402 - Smart house demo kit20140402 - Smart house demo kit
20140402 - Smart house demo kitJamie (Taka) Wang
 
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024Alkin Tezuysal
 
The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)IES VE
 
March Patch Tuesday
March Patch TuesdayMarch Patch Tuesday
March Patch TuesdayIvanti
 
The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)codyslingerland1
 
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxGraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxNeo4j
 

Recently uploaded (20)

LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0LF Energy Webinar - Unveiling OpenEEMeter 4.0
LF Energy Webinar - Unveiling OpenEEMeter 4.0
 
EMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? WebinarEMEA What is ThousandEyes? Webinar
EMEA What is ThousandEyes? Webinar
 
Technical SEO for Improved Accessibility WTS FEST
Technical SEO for Improved Accessibility  WTS FESTTechnical SEO for Improved Accessibility  WTS FEST
Technical SEO for Improved Accessibility WTS FEST
 
SheDev 2024
SheDev 2024SheDev 2024
SheDev 2024
 
From the origin to the future of Open Source model and business
From the origin to the future of  Open Source model and businessFrom the origin to the future of  Open Source model and business
From the origin to the future of Open Source model and business
 
TrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie WorldTrustArc Webinar - How to Live in a Post Third-Party Cookie World
TrustArc Webinar - How to Live in a Post Third-Party Cookie World
 
Keep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES LiveKeep Your Finger on the Pulse of Your Building's Performance with IES Live
Keep Your Finger on the Pulse of Your Building's Performance with IES Live
 
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptxEmil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
Emil Eifrem at GraphSummit Copenhagen 2024 - The Art of the Possible.pptx
 
Oracle Database 23c Security New Features.pptx
Oracle Database 23c Security New Features.pptxOracle Database 23c Security New Features.pptx
Oracle Database 23c Security New Features.pptx
 
Scenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenariosScenario Library et REX Discover industry- and role- based scenarios
Scenario Library et REX Discover industry- and role- based scenarios
 
CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024CyberSecurity - Computers In Libraries 2024
CyberSecurity - Computers In Libraries 2024
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3UiPath Studio Web workshop Series - Day 3
UiPath Studio Web workshop Series - Day 3
 
Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...Explore the UiPath Community and ways you can benefit on your journey to auto...
Explore the UiPath Community and ways you can benefit on your journey to auto...
 
20140402 - Smart house demo kit
20140402 - Smart house demo kit20140402 - Smart house demo kit
20140402 - Smart house demo kit
 
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
Design and Modeling for MySQL SCALE 21X Pasadena, CA Mar 2024
 
The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)The Importance of Indoor Air Quality (English)
The Importance of Indoor Air Quality (English)
 
March Patch Tuesday
March Patch TuesdayMarch Patch Tuesday
March Patch Tuesday
 
The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)The New Cloud World Order Is FinOps (Slideshow)
The New Cloud World Order Is FinOps (Slideshow)
 
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptxGraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
GraphSummit Copenhagen 2024 - Neo4j Vision and Roadmap.pptx
 

HTML Design for Devices

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. \n
  46. \n
  47. \n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. \n
  60. \n
  61. \n
  62. \n
  63. \n
  64. \n
  65. \n
  66. \n
  67. \n
  68. \n
  69. \n
  70. \n
  71. \n
  72. \n