SlideShare une entreprise Scribd logo
1  sur  92
responsible web design
        JONAS PÄCKOS

    EVRY SENSOMMARSYMPOSIUM 2012
web and mobile
 ux developer
  WEB DESIGNER ++
changes in personal computing




  http://www.asymco.com/2012/01/17/the-rise-and-fall-of-personal-computing/
changes in personal computing




  http://www.asymco.com/2012/01/17/the-rise-and-fall-of-personal-computing/
http://thenextweb.com/apple/2012/01/25/there-are-now-more-iphones-sold-than-babies-born-in-the-world-every-day/
responsive web design
responsive web design

      Fluid grids
    Flexible Media
    Media Queries
fluid grids




http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html
640 x 480
 800 x 600
1024 x 768
Responsible Web Design
http://www.floridadisaster.org/SiteView.htm
Responsible Web Design
flexible media

   Images
    Video
Responsible Web Design
flexible media
flexible media
     1024px




                 683px
Responsible Web Design
flexible media

img, video {
  max-width: 100%;
}
Responsible Web Design
media queries

@media screen and (min-width:
320px) and (max-width: 768px)
{
...
}
common breakpoints
 320px   mobile portrait
 480px   mobile landscape
 600px   small tablet
 768px   tablet portrait
1024px   tablet landscape / netbook
1280px   desktop
”
Responsive design is not about
“designing for mobile.” But it’s not
about “designing for the desktop,”
either.
                                                             - Ethan Marcotte




       http://unstoppablerobotninja.com/entry/toffee-nosed/
”
Rather, it’s about adopting a more
flexible, device-agnostic approach
to designing for the web.
                                                             - Ethan Marcotte




       http://unstoppablerobotninja.com/entry/toffee-nosed/
”
Fluid grids, flexible images, and
media queries are the tools we use
to get a bit closer to that somewhat
abstract-sounding philosophy.
                                                             - Ethan Marcotte




       http://unstoppablerobotninja.com/entry/toffee-nosed/
common breakpoints
 320px   mobile portrait
 480px   mobile landscape
 600px   small tablet
 768px   tablet portrait
1024px   tablet landscape / netbook
1280px   desktop
Today’s common breakpoints aren’t
tomorrow’s. Create a device-agnostic
flexible platform.
                                                                                 - Brad Frost




 http://bradfrostweb.com/blog/mobile/beyond-media-queries-anatomy-of-an-adaptive-web-design/
android fragmentation


The Study. Over the past 6 months we've been logging the new devices that download OpenSignalMaps, we've based this study on 681,900 of these devices. We've l
at model, brand, API level (i.e. the version of Android) and screen size and we've tried to present this in the clearest form we can.




                                      http://opensignalmaps.com/reports/fragmentation.php
Over the past 6 months we've been
logging the new devices that download
OpenSignalMaps, we've based this study
on 681,900 of these devices.



         http://opensignalmaps.com/reports/fragmentation.php
We've looked at model, brand, API level
(i.e. the version of Android) and screen
size and we've tried to present this in
the clearest form we can.



          http://opensignalmaps.com/reports/fragmentation.php
android fragmentation




  http://opensignalmaps.com/reports/fragmentation.php
android versions




http://opensignalmaps.com/reports/fragmentation.php
screen resolution




http://opensignalmaps.com/reports/fragmentation.php
screen resolution




     Android
screen resolution




Android, most common screen sizes
screen resolution




   iPhone and iPad
http://designmind.frogdesign.com/blog/the-coming-zombie-apocalypse-small-cheap-devices-
                       will-disrupt-our-old-school-ux-assumptions.htm
responsive web design

                                                                                  content
performance                                                                       strategy

   feature                                     touch
  detection
                                                                                   conditional
    rwd with server-side                                                             loading
        components


      Photo Credit: http://howthehellshouldiknow-wallyworld.blogspot.se/2011/08/this-is-just-tip-of-iceberg.html
performance
71%
  Mobile web users expect websites to load
   as fast if not faster than desktop sites


http://www.compuware.com/d/release/592528/new-study-reveals-the-mobile-web-disappoints-global-consumers
74%
Mobile users will abandon a site if it takes
      more than 5 seconds to load


  http://www.gomez.com/resources/whitepapers/survey-report-what-users-want-from-mobile/
1 MB
          Average page size



http://gigaom.com/2012/05/23/the-growing-epidemic-of-page-bloat/
Average Page, 2012
JS      IMG         CSS   FLASH   HTML      OTHER



            196kb



     31kb
46kb

     82kb                                674kb

        37kb
http://mobitest.akamai.com/m/index.cgi
http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/
structure content first
work with real content
start with mobile
WYSIWYG
Do websites need to look exactly
  the same in every browser?
Responsible Web Design
screen resolution




http://opensignalmaps.com/reports/fragmentation.php
WYSIWTF
http://styletil.es
http://styletil.es
http://foundation.zurb.com
http://twitter.github.com/bootstrap/
http://twitter.github.com/bootstrap/examples/fluid.html
twitter bootstrap mediaqueries

 @media       (min-width:                     1200px) {...}
 @media       (max-width:                     980px) {...}
 @media       (max-width:                     768px) {...}
 @media       (max-width:                     480px) {...}
 @media       (max-width:                     320px) {...}




   http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css
a more mobile-first approach

@media       (min-width:                     320px) {...}
@media       (min-width:                     480px) {...}
@media       (min-width:                     768px) {...}
@media       (min-width:                     980px) {...}
@media       (min-width:                     1200px) {...}




  http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css
common breakpoints
 320px   mobile portrait
 480px   mobile landscape
 600px   small tablet
 768px   tablet portrait
1024px   tablet landscape / netbook
1280px   desktop
Today’s common breakpoints aren’t
tomorrow’s. Create a device-agnostic
flexible platform.
                                                                                 - Brad Frost




 http://bradfrostweb.com/blog/mobile/beyond-media-queries-anatomy-of-an-adaptive-web-design/
a mobile-first and content
   connected approach

@media       (min-width:                     44em) {...}
@media       (min-width:                     56em) {...}
@media       (min-width:                     72em) {...}
@media       (min-width:                     100em) {...}




  http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css
”
The absence of a media query is
in fact, the first media query.
                                                                   - Bryan Rieger




 http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu
begin with a lightweight default




A
                      fully flexible with default
B                     styles for navigation,
                      fonts, content and
C
                      no media query




    http://www.slideshare.net/yiibu/pragmatic-responsive-design
each style sheet augments the others
            breakpoint                              breakpoint
                     style sheet 1



                                                             augment original
       A                      A
                                                B            style sheet with
       B                             C
                                                             (only) the style
       C                                                     changes that are
                                                             needed to enhance
                                                             the layout



  < xx px wide               xx px to xxx px
  (or unable to
understand further
                           http://www.slideshare.net/yiibu/pragmatic-responsive-design
  instructions)
each style sheet augments the others
            breakpoint                              breakpoint                            breakpoint
                     style sheet 1                         style sheet 2


                                                             A          C
       A                      A                              B
                                                B                                              augment
       B                             C
                                                                                               once
                                                                                               again for
       C                                                                                       TVs etc.




  < xx px wide               xx px to xxx px                               >xxx px wide
  (or unable to
understand further
                           http://www.slideshare.net/yiibu/pragmatic-responsive-design
  instructions)
a common approach
                                                    One style sheet with media
                                                    queries on the inside.
                 styles.css




               @media {
           (min-width: 320px)
                   }

                                               a single css file is network
               @media {                        efficient, but includes
           (min-width: 480px)                  unnecessary style data that
                   }                           all devices end up downloading

               @media {
           (min-width: 640px)
                   }


                 @media {
           (min-width: 768px)
http://www.slideshare.net/yiibu/pragmatic-responsive-design
                       }
a more robust option
                                                                         Multiple style sheets with
                                                                         media queries on the inside.



MAJOR
BREAKPOINTS
IN DOCUMENT
HEAD
              basic.css                      mobile.css                       desktop.css




MINOR
              (typically)                   @media {                          @media {
BREAKPOINTS
              no media                  (min-width: 480px)                (min-width: 768px)
WITHIN EACH     queries                         }                                 }
STYLE SHEET
                                            @media {
                                        (min-width: 640px)
                                                }



                      http://www.slideshare.net/yiibu/pragmatic-responsive-design
http://scottjehl.github.com/CSS-Download-Tests/
http://www.zurb.com/article/883/small-painful-buttons-why-social-media-bu
http://www.zurb.com/article/883/small-painful-buttons-why-social-media-bu
To load the Facebook,
Twitter and Google social
media buttons for a total of
19 requests takes 246.7k in
bandwidth.

   http://www.zurb.com/article/883/small-painful-buttons-why-social-media-bu
https://twitter.com/stephenhay/status/157430546396483587
progressively enhanced social icons
<a href="http://www.facebook.com/sharer.php?
u=URL&t=TITLE">link or image</a>


<a href="http://twitter.com/home?status=STATUS" title="Click
to share this post on Twitter">Share on Twitter</a>


<a href="https://m.google.com/app/plus/x/?
v=compose&content=CONTENT">Image or text</a>
progressive enhancement

      JavaScript
          Behaviour


           CSS
         Presentation


         HTML
       Stabile foundation
aggressive enhancement
Some devices can’t display carousels, so why burden those
       devices with content that they don’t need?

 Progressive enhancement is where you gradually layer new
  functionality into a site according to the capabilities of the
                        browser or device.

 Aggressive enhancement goes further, treating content itself
                   as an enhancement.



               http://globalmoxie.com/blog/making-of-people-mobile.shtml
aggressive enhancement
    If a browser doesn’t have JavaScript, it doesn’t even
download the secondary carousel content. The result is a light
 page that lets the browser start rendering that basic content
                         right away.

   It’s a technique that’s respectful of visitors’ bandwidth,
                 computing power, and time.

           It’s not only responsive, it’s responsible.


               http://globalmoxie.com/blog/making-of-people-mobile.shtml
south street enhancement tools
Enhance
a tiny JavaScript framework designed to help developers determine if a browser is
capable of handling additional JavaScript and CSS enhancements, and load specific
enhancements for that browser as fast and simply as possible.


eCSSential
an experimental utility for making browsers load responsive CSS in a more responsible
way.


QuickConcat
a simple dynamic concatenator for html, css, and js files, written in PHP


AjaxInclude
a plugin that is designed for modular content construction, that runs on jQuery


AppendAround
A JavaScript pattern for responsive, roving markup.                                                    IA   L   SOUTH
                                                                                                    NT                                         DE
                                                                                        EC
                                                                                           S   SE
                                                                                                                STREET   AJ
                                                                                                                              A   XIN
                                                                                                                                      C   LU




PictureFill
a simple pattern for overhead-free responsive images today.


                                     https://github.com/filamentgroup/Southstreet
http://www.lukew.com/ff/entry.asp?1392
Responsible Web Design
Responsible Web Design
the smart tv
Responsible Web Design
Responsible Web Design
Responsible Web Design
Responsible Web Design
Responsible Web Design
http://www.alistapart.com/articles/dao/



http://www.alistapart.com/articles/dao/
”
Make pages which are accessible,
regardless of the browser, platform
or screen that your reader chooses
or must use to access your pages.
                                                    - John Allsop




          http://www.alistapart.com/articles/dao/
”
Designing adaptable pages is
designing accessible pages.
                                                 - John Allsop




       http://www.alistapart.com/articles/dao/
”
Design responsibly!
                      - Jonas Päckos
thank you.
http://about.me/pekkos
http://www.slideshare.net/pekkos
     @pekkos

Contenu connexe

Similaire à Responsible Web Design

Responsive Web Design: buzzword or revolution?
Responsive Web Design: buzzword or revolution?Responsive Web Design: buzzword or revolution?
Responsive Web Design: buzzword or revolution?Wojtek Zając
 
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake OilCSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake Oiljameswillweb
 
Module 08: Responsive Web Design
Module 08: Responsive Web DesignModule 08: Responsive Web Design
Module 08: Responsive Web DesignDaniel Drew Turner
 
Responsive Web Design, get the best out of your designs - JavaScript Open Day...
Responsive Web Design, get the best out of your designs - JavaScript Open Day...Responsive Web Design, get the best out of your designs - JavaScript Open Day...
Responsive Web Design, get the best out of your designs - JavaScript Open Day...Frédéric Harper
 
CSS3: Simply Responsive
CSS3: Simply ResponsiveCSS3: Simply Responsive
CSS3: Simply ResponsiveDenise Jacobs
 
Effective and Efficient Design with CSS3
Effective and Efficient Design with CSS3Effective and Efficient Design with CSS3
Effective and Efficient Design with CSS3Zoe Gillenwater
 
Responsive Web Design for Universal Access
Responsive Web Design for Universal AccessResponsive Web Design for Universal Access
Responsive Web Design for Universal AccessKate Walser
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web DesignShawn Calvert
 
Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25
Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25
Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25Frédéric Harper
 
Responsive websites. Toolbox
Responsive websites. ToolboxResponsive websites. Toolbox
Responsive websites. ToolboxWojtek Zając
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web DesignClarissa Peterson
 
FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFrédéric Harper
 
Responsive Web Design - Devoxx UK - 2014-06-13
Responsive Web Design - Devoxx UK - 2014-06-13Responsive Web Design - Devoxx UK - 2014-06-13
Responsive Web Design - Devoxx UK - 2014-06-13Frédéric Harper
 
Building Responsive Websites and Apps with Drupal
Building Responsive Websites and Apps with DrupalBuilding Responsive Websites and Apps with Drupal
Building Responsive Websites and Apps with DrupalFour Kitchens
 
Responsive webdesign WordCampNL 2012
Responsive webdesign WordCampNL 2012Responsive webdesign WordCampNL 2012
Responsive webdesign WordCampNL 2012Tom Hermans
 
Responsive Web Design tips and tricks.
Responsive Web Design tips and tricks.Responsive Web Design tips and tricks.
Responsive Web Design tips and tricks.GaziAhsan
 

Similaire à Responsible Web Design (20)

Responsive Web Design: buzzword or revolution?
Responsive Web Design: buzzword or revolution?Responsive Web Design: buzzword or revolution?
Responsive Web Design: buzzword or revolution?
 
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake OilCSS3 Media Queries: Mobile Elixir or CSS Snake Oil
CSS3 Media Queries: Mobile Elixir or CSS Snake Oil
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Module 08: Responsive Web Design
Module 08: Responsive Web DesignModule 08: Responsive Web Design
Module 08: Responsive Web Design
 
Responsive Web Design, get the best out of your designs - JavaScript Open Day...
Responsive Web Design, get the best out of your designs - JavaScript Open Day...Responsive Web Design, get the best out of your designs - JavaScript Open Day...
Responsive Web Design, get the best out of your designs - JavaScript Open Day...
 
Design
DesignDesign
Design
 
CSS3: Simply Responsive
CSS3: Simply ResponsiveCSS3: Simply Responsive
CSS3: Simply Responsive
 
Effective and Efficient Design with CSS3
Effective and Efficient Design with CSS3Effective and Efficient Design with CSS3
Effective and Efficient Design with CSS3
 
Responsive Web Design for Universal Access
Responsive Web Design for Universal AccessResponsive Web Design for Universal Access
Responsive Web Design for Universal Access
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web Design
 
Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25
Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25
Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25
 
Responsive websites. Toolbox
Responsive websites. ToolboxResponsive websites. Toolbox
Responsive websites. Toolbox
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web Design
 
FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web Design
 
Real-world CSS3
Real-world CSS3Real-world CSS3
Real-world CSS3
 
Responsive Web Design - Devoxx UK - 2014-06-13
Responsive Web Design - Devoxx UK - 2014-06-13Responsive Web Design - Devoxx UK - 2014-06-13
Responsive Web Design - Devoxx UK - 2014-06-13
 
Building Responsive Websites and Apps with Drupal
Building Responsive Websites and Apps with DrupalBuilding Responsive Websites and Apps with Drupal
Building Responsive Websites and Apps with Drupal
 
Responsive webdesign WordCampNL 2012
Responsive webdesign WordCampNL 2012Responsive webdesign WordCampNL 2012
Responsive webdesign WordCampNL 2012
 
Responsive Web Design tips and tricks.
Responsive Web Design tips and tricks.Responsive Web Design tips and tricks.
Responsive Web Design tips and tricks.
 
Rwd slidedeck
Rwd slidedeckRwd slidedeck
Rwd slidedeck
 

Dernier

Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 

Dernier (20)

20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 

Responsible Web Design