SlideShare una empresa de Scribd logo
1 de 67
Descargar para leer sin conexión
Interaction
Implementation



       http://www.flickr.com/photos/dm-set/3396228103/
Or more specifically:


  How I go from a visual
 design (i.e. a mock) and
make it a real weby thingy
      But that's a crap title.
My Plan:
๏ Mock ➡ Developer
๏ Deconstructing the
  mock: work, risk, costs
๏ Approach to coding


                            http://www.flickr.com/photos/zervas/3848962977/
In my
previous
life I was
a frackin'
gangsta.
Interaction Implementation
R    Gr r
  OA                rr
R


              Designer
              Developer
         http://www.flickr.com/photos/jojakeman/3825935283/
I love you,
    man




       Designer
       Developer
  http://www.flickr.com/photos/jojakeman/3825935283/
http://www.flickr.com/photos/jojakeman/3825935283/
Designers:
   How to prepare a design that devs can use


            Developers:
        Process tips for dev and testing


+ work flow with clients/manages
lube === good

      http://www.flickr.com/photos/barbaradoduk/195689523
Basics
Seeing all the problems
in a mock immediately
Interaction Implementation
Interaction Implementation
Interaction Implementation
Interaction Implementation
Interaction Implementation
Interaction Implementation
Interaction Implementation
Interaction Implementation
If you're using a grid,
make exceptions.
Don't make exceptions,
the rule of thumb.
Interaction Implementation
WTF? oh...
WTF?...
"flick"
Interaction Implementation
Interaction Implementation
<img id="home" src="home-headline.png"
    alt="...">


#home {
     max-width: 100%;
}



                         http://www.flickr.com/photos/adactio/5818096043
Interaction Implementation
Interaction Implementation
Don't let your
design deficient
developer do
this design -
it'll look crap.
Good   Great
Quote Messer Upperers
 ๏Liquid layouts
 ๏Fixed sizes
 ๏Responsive design
 ๏Tiny variances
Interaction Implementation
Interaction Implementation
Interaction Implementation
Interaction Implementation
Interaction Implementation
Deconstruct
the design
What can't you see?
The invisibles will always bite you in the arse.




                        http://www.flickr.com/photos/remysharp/1163289602/
๏ What's clickable?
๏ What's touchable?
๏ What's the target platform?
๏ Browser support?
๏Touch vs.
๏Hold vs.
๏Drag vs.
๏Double tap over a tap
  hotspot vs...
                  http://www.flickr.com/photos/dannynic/3295160732/
Recommendation:
sit with client & drawing
     and touch that.
Risk = screw ups = time = £
๏ When third parties are
  involved
๏ What you don't immediately
  know how to solve
๏ Where you can't visualise a
  solution
Costing
                                                       You.
  [bling image]


                                                       You wish.
                                                       Sorta...


http://www.flickr.com/photos/deronkamisato/4965826757
Costing
  [bling image]                                   ๏ Never give quotes
                                                       off the bat
                                                  ๏ Break down into
                                                       components
                                                  ๏ Deadlines are a
                                                       cost factor
                                                  ๏ Cost IE6 separately
http://www.flickr.com/photos/deronkamisato/4965826757
Google support
latest-1. So do I.
Add  40%
for IE6 support
Estimates & Quotes
๏Get it wrong first.
๏Track your hours.
๏Compare to the quote.
๏Repeat
๏Mine was consistently out by 20%
                       http://www.flickr.com/photos/pacdog/213744694/
Experience will help too :)
Deadlines

      Good
Bad


             http://www.flickr.com/photos/klif/2847294014
Deadlines
๏Don't miss them
๏Don't slip and slip and slip
๏Very few deadlines can't be
  moved
๏Urgent rarely means urgent
                  http://www.flickr.com/photos/klif/2847294014
Approach
Prototype
    early



http://www.flickr.com/photos/donsolo/1301608111/
KISS
  http://www.flickr.com/photos/anirudhkoul/3725928708/
KI(RF)SS
    http://www.flickr.com/photos/nathaninsandiego/2723174963/




  KI(RF)SS
Interaction Implementation
Style: choose
๏ Style for design/desktop fixed
  width
๏ Style for lowest possible size
๏ Style for multiple deployed
  versions - ala gmail
Do JavaScript Last



        http://www.flickr.com/photos/charliebrewer/2897862701
jQuery plugins
      Good for fast prototyping
      Quality is mixed, and
      often do way more than
      you need
      ixedit.com,
      jqueryfordesigners.com,
      try out some coding!
1. Build without jQuery.

2.Design the start and end of
  your effects without jQuery.

3.Add jQuery a little at a time.
Interaction Implementation
Third Party Libraries
๏ github.com
๏ Check commits & last activity
๏ Check issues being opened
  and closed
Offline → Not quite offline

๏ Lets the client see it in prototype stage
๏ Dropbox is your friend
๏ Get a short url for mobile testing
http://inliner.leftlogic.com
RewriteRule ^db/(.*)$ http://dl.dropbox.com/u/43399/$1 [L]
RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule (.*) $1.html [L]
Recap Time
๏Remember function as well as form
๏Anticipate the invisibles
๏Prototype
๏KI(RF)SS
And...
   remember
   to cuddle!
http://www.flickr.com/photos/jojakeman/3825935283/
Otherwise: rock on.
@rem




leftlogic.com

Más contenido relacionado

La actualidad más candente

Anit no need foe un me.pt.1.blu.http
Anit no need foe un me.pt.1.blu.httpAnit no need foe un me.pt.1.blu.http
Anit no need foe un me.pt.1.blu.httpmuradwysingermc51
 
Continuous Visual Integration - RailsConf 2016 - Mike Fotinakis - Percy.io
Continuous Visual Integration - RailsConf 2016 - Mike Fotinakis - Percy.ioContinuous Visual Integration - RailsConf 2016 - Mike Fotinakis - Percy.io
Continuous Visual Integration - RailsConf 2016 - Mike Fotinakis - Percy.ioMike Fotinakis
 
Trevor Walker Professional Persona Project
Trevor Walker Professional Persona ProjectTrevor Walker Professional Persona Project
Trevor Walker Professional Persona ProjectTrevor Walker
 
Anit no need foe un me.pt.6.http
Anit no need foe un me.pt.6.httpAnit no need foe un me.pt.6.http
Anit no need foe un me.pt.6.httpmuradwysingermc19
 
Anit no need foe un me.pt.8.http
Anit no need foe un me.pt.8.httpAnit no need foe un me.pt.8.http
Anit no need foe un me.pt.8.httpmuradwysingermc23
 

La actualidad más candente (6)

Multimedia Design Tools
Multimedia Design ToolsMultimedia Design Tools
Multimedia Design Tools
 
Anit no need foe un me.pt.1.blu.http
Anit no need foe un me.pt.1.blu.httpAnit no need foe un me.pt.1.blu.http
Anit no need foe un me.pt.1.blu.http
 
Continuous Visual Integration - RailsConf 2016 - Mike Fotinakis - Percy.io
Continuous Visual Integration - RailsConf 2016 - Mike Fotinakis - Percy.ioContinuous Visual Integration - RailsConf 2016 - Mike Fotinakis - Percy.io
Continuous Visual Integration - RailsConf 2016 - Mike Fotinakis - Percy.io
 
Trevor Walker Professional Persona Project
Trevor Walker Professional Persona ProjectTrevor Walker Professional Persona Project
Trevor Walker Professional Persona Project
 
Anit no need foe un me.pt.6.http
Anit no need foe un me.pt.6.httpAnit no need foe un me.pt.6.http
Anit no need foe un me.pt.6.http
 
Anit no need foe un me.pt.8.http
Anit no need foe un me.pt.8.httpAnit no need foe un me.pt.8.http
Anit no need foe un me.pt.8.http
 

Destacado

Automate blog distribution with rss to-email for marketo
Automate blog distribution with rss to-email for marketoAutomate blog distribution with rss to-email for marketo
Automate blog distribution with rss to-email for marketoPerkuto
 
Failure to Act: The economic impact of current Investment Trends in surface ...
Failure to Act:  The economic impact of current Investment Trends in surface ...Failure to Act:  The economic impact of current Investment Trends in surface ...
Failure to Act: The economic impact of current Investment Trends in surface ...Ports-To-Plains Blog
 
Rapport Threat Intelligence Check Point du 11 avril 2016
Rapport Threat Intelligence Check Point du 11 avril 2016Rapport Threat Intelligence Check Point du 11 avril 2016
Rapport Threat Intelligence Check Point du 11 avril 2016Blandine Delaporte
 
Turismo en Argentina
Turismo en ArgentinaTurismo en Argentina
Turismo en Argentinasjpuigga
 
Biografia de pedro pablo leon jaramillo
Biografia de pedro pablo leon jaramilloBiografia de pedro pablo leon jaramillo
Biografia de pedro pablo leon jaramilloxus lozano
 
Antivitus de la informática
Antivitus de la informáticaAntivitus de la informática
Antivitus de la informáticaDANIELA200012
 
UNA EXPOSICIÓN PERMANENTE RECUERDA DESDE HOY EN EL MUSEO AERONÁUTICO LA MEMOR...
UNA EXPOSICIÓN PERMANENTE RECUERDA DESDE HOY EN EL MUSEO AERONÁUTICO LA MEMOR...UNA EXPOSICIÓN PERMANENTE RECUERDA DESDE HOY EN EL MUSEO AERONÁUTICO LA MEMOR...
UNA EXPOSICIÓN PERMANENTE RECUERDA DESDE HOY EN EL MUSEO AERONÁUTICO LA MEMOR...Ayuntamiento de Málaga
 
AXPE Consulting: news express 05/07/13
AXPE Consulting: news express 05/07/13 AXPE Consulting: news express 05/07/13
AXPE Consulting: news express 05/07/13 AXPE Consulting
 
Eventi 2012 numero di gennaio
Eventi 2012 numero di gennaioEventi 2012 numero di gennaio
Eventi 2012 numero di gennaioeventiFFF
 
Solucion a las tareas
Solucion a las tareasSolucion a las tareas
Solucion a las tareasjsaavto_73
 
EMBERS at 4 years: Experiences operating an Open Source Indicators Forecastin...
EMBERS at 4 years: Experiences operating an Open Source Indicators Forecastin...EMBERS at 4 years: Experiences operating an Open Source Indicators Forecastin...
EMBERS at 4 years: Experiences operating an Open Source Indicators Forecastin...Parang Saraf
 
Campaña de educación para la salud; Folleto Julio - agosto 2014 Shaklee
Campaña de educación para la salud;  Folleto Julio - agosto 2014 Shaklee Campaña de educación para la salud;  Folleto Julio - agosto 2014 Shaklee
Campaña de educación para la salud; Folleto Julio - agosto 2014 Shaklee Carlos Bonilla
 
0904 Sigob Transdoc Esp
0904 Sigob Transdoc Esp0904 Sigob Transdoc Esp
0904 Sigob Transdoc EspSIGOB
 
Riu Sec, 7 - Setembre 1981
Riu Sec, 7 - Setembre 1981Riu Sec, 7 - Setembre 1981
Riu Sec, 7 - Setembre 1981Arxiu Xane
 
Lets trade!
Lets trade!  Lets trade!
Lets trade! msladuke
 
Ruego 2015 05 socavones mitja galta
Ruego 2015 05 socavones mitja galtaRuego 2015 05 socavones mitja galta
Ruego 2015 05 socavones mitja galtaUPyDNovelda
 

Destacado (20)

Automate blog distribution with rss to-email for marketo
Automate blog distribution with rss to-email for marketoAutomate blog distribution with rss to-email for marketo
Automate blog distribution with rss to-email for marketo
 
Failure to Act: The economic impact of current Investment Trends in surface ...
Failure to Act:  The economic impact of current Investment Trends in surface ...Failure to Act:  The economic impact of current Investment Trends in surface ...
Failure to Act: The economic impact of current Investment Trends in surface ...
 
Calculo diferencia tomo 1
Calculo diferencia tomo 1Calculo diferencia tomo 1
Calculo diferencia tomo 1
 
Rapport Threat Intelligence Check Point du 11 avril 2016
Rapport Threat Intelligence Check Point du 11 avril 2016Rapport Threat Intelligence Check Point du 11 avril 2016
Rapport Threat Intelligence Check Point du 11 avril 2016
 
Turismo en Argentina
Turismo en ArgentinaTurismo en Argentina
Turismo en Argentina
 
Biografia de pedro pablo leon jaramillo
Biografia de pedro pablo leon jaramilloBiografia de pedro pablo leon jaramillo
Biografia de pedro pablo leon jaramillo
 
Antivitus de la informática
Antivitus de la informáticaAntivitus de la informática
Antivitus de la informática
 
UNA EXPOSICIÓN PERMANENTE RECUERDA DESDE HOY EN EL MUSEO AERONÁUTICO LA MEMOR...
UNA EXPOSICIÓN PERMANENTE RECUERDA DESDE HOY EN EL MUSEO AERONÁUTICO LA MEMOR...UNA EXPOSICIÓN PERMANENTE RECUERDA DESDE HOY EN EL MUSEO AERONÁUTICO LA MEMOR...
UNA EXPOSICIÓN PERMANENTE RECUERDA DESDE HOY EN EL MUSEO AERONÁUTICO LA MEMOR...
 
AXPE Consulting: news express 05/07/13
AXPE Consulting: news express 05/07/13 AXPE Consulting: news express 05/07/13
AXPE Consulting: news express 05/07/13
 
Eventi 2012 numero di gennaio
Eventi 2012 numero di gennaioEventi 2012 numero di gennaio
Eventi 2012 numero di gennaio
 
Mel Edwards - Modern Marketing
Mel Edwards - Modern MarketingMel Edwards - Modern Marketing
Mel Edwards - Modern Marketing
 
youtube
youtube youtube
youtube
 
Solucion a las tareas
Solucion a las tareasSolucion a las tareas
Solucion a las tareas
 
EMBERS at 4 years: Experiences operating an Open Source Indicators Forecastin...
EMBERS at 4 years: Experiences operating an Open Source Indicators Forecastin...EMBERS at 4 years: Experiences operating an Open Source Indicators Forecastin...
EMBERS at 4 years: Experiences operating an Open Source Indicators Forecastin...
 
Interacciones ticc
Interacciones ticcInteracciones ticc
Interacciones ticc
 
Campaña de educación para la salud; Folleto Julio - agosto 2014 Shaklee
Campaña de educación para la salud;  Folleto Julio - agosto 2014 Shaklee Campaña de educación para la salud;  Folleto Julio - agosto 2014 Shaklee
Campaña de educación para la salud; Folleto Julio - agosto 2014 Shaklee
 
0904 Sigob Transdoc Esp
0904 Sigob Transdoc Esp0904 Sigob Transdoc Esp
0904 Sigob Transdoc Esp
 
Riu Sec, 7 - Setembre 1981
Riu Sec, 7 - Setembre 1981Riu Sec, 7 - Setembre 1981
Riu Sec, 7 - Setembre 1981
 
Lets trade!
Lets trade!  Lets trade!
Lets trade!
 
Ruego 2015 05 socavones mitja galta
Ruego 2015 05 socavones mitja galtaRuego 2015 05 socavones mitja galta
Ruego 2015 05 socavones mitja galta
 

Similar a Interaction Implementation

Watkins Phil 4.4-final ppp slide show
Watkins Phil 4.4-final ppp slide showWatkins Phil 4.4-final ppp slide show
Watkins Phil 4.4-final ppp slide showPhilWatkinsJr
 
A Jisc Perspective Of Impact And Evidence
A Jisc Perspective Of Impact And EvidenceA Jisc Perspective Of Impact And Evidence
A Jisc Perspective Of Impact And EvidenceIan Cooper
 
Tommy Mitchell Ignite Slideshow
Tommy Mitchell Ignite SlideshowTommy Mitchell Ignite Slideshow
Tommy Mitchell Ignite SlideshowK-MitchRG
 
Designing The Digital Experience
Designing The Digital ExperienceDesigning The Digital Experience
Designing The Digital ExperienceDavid King
 
cracked Seo tools - marketing tools - best seo for internet marketing
cracked Seo tools - marketing tools - best seo for internet marketingcracked Seo tools - marketing tools - best seo for internet marketing
cracked Seo tools - marketing tools - best seo for internet marketingBecker sEOs
 
Working with Developers
Working with DevelopersWorking with Developers
Working with DevelopersJack Moffett
 
Designing The Digital Experience
Designing The Digital ExperienceDesigning The Digital Experience
Designing The Digital ExperienceDavid King
 
Multitasking A Struggle to Juggle
Multitasking A Struggle to JuggleMultitasking A Struggle to Juggle
Multitasking A Struggle to JuggleRaelyce
 
Functional Interaction Design
Functional Interaction DesignFunctional Interaction Design
Functional Interaction DesignLaura Scott
 
The Multipack Presents: "Wrestling With Asp.Net And Web Standards" by Anthony...
The Multipack Presents: "Wrestling With Asp.Net And Web Standards" by Anthony...The Multipack Presents: "Wrestling With Asp.Net And Web Standards" by Anthony...
The Multipack Presents: "Wrestling With Asp.Net And Web Standards" by Anthony...Anthony Williams
 
Turtle_passion_career_presentation
Turtle_passion_career_presentationTurtle_passion_career_presentation
Turtle_passion_career_presentationRua Sieu Nhan
 
Web Directions South - Even Faster Web Sites
Web Directions South - Even Faster Web SitesWeb Directions South - Even Faster Web Sites
Web Directions South - Even Faster Web SitesSteve Souders
 
Designing The Digital Experience
Designing The Digital ExperienceDesigning The Digital Experience
Designing The Digital ExperienceDavid King
 
Gallagher_Taylor_Revised
Gallagher_Taylor_RevisedGallagher_Taylor_Revised
Gallagher_Taylor_Revisedtgallagher91
 
Michael cross ignite presentation
Michael cross ignite presentationMichael cross ignite presentation
Michael cross ignite presentationRudemyke
 
Scaling Your Tech Team
Scaling Your Tech TeamScaling Your Tech Team
Scaling Your Tech TeamJoe Stump
 

Similar a Interaction Implementation (20)

Watkins Phil 4.4-final ppp slide show
Watkins Phil 4.4-final ppp slide showWatkins Phil 4.4-final ppp slide show
Watkins Phil 4.4-final ppp slide show
 
Antoskiewicz larry 3.4
Antoskiewicz larry 3.4Antoskiewicz larry 3.4
Antoskiewicz larry 3.4
 
A Jisc Perspective Of Impact And Evidence
A Jisc Perspective Of Impact And EvidenceA Jisc Perspective Of Impact And Evidence
A Jisc Perspective Of Impact And Evidence
 
Silos are for farmers
Silos are for farmersSilos are for farmers
Silos are for farmers
 
Tommy Mitchell Ignite Slideshow
Tommy Mitchell Ignite SlideshowTommy Mitchell Ignite Slideshow
Tommy Mitchell Ignite Slideshow
 
Designing The Digital Experience
Designing The Digital ExperienceDesigning The Digital Experience
Designing The Digital Experience
 
cracked Seo tools - marketing tools - best seo for internet marketing
cracked Seo tools - marketing tools - best seo for internet marketingcracked Seo tools - marketing tools - best seo for internet marketing
cracked Seo tools - marketing tools - best seo for internet marketing
 
Working with Developers
Working with DevelopersWorking with Developers
Working with Developers
 
Designing The Digital Experience
Designing The Digital ExperienceDesigning The Digital Experience
Designing The Digital Experience
 
Multitasking A Struggle to Juggle
Multitasking A Struggle to JuggleMultitasking A Struggle to Juggle
Multitasking A Struggle to Juggle
 
Functional Interaction Design
Functional Interaction DesignFunctional Interaction Design
Functional Interaction Design
 
The Multipack Presents: "Wrestling With Asp.Net And Web Standards" by Anthony...
The Multipack Presents: "Wrestling With Asp.Net And Web Standards" by Anthony...The Multipack Presents: "Wrestling With Asp.Net And Web Standards" by Anthony...
The Multipack Presents: "Wrestling With Asp.Net And Web Standards" by Anthony...
 
Turtle_passion_career_presentation
Turtle_passion_career_presentationTurtle_passion_career_presentation
Turtle_passion_career_presentation
 
Web Directions South - Even Faster Web Sites
Web Directions South - Even Faster Web SitesWeb Directions South - Even Faster Web Sites
Web Directions South - Even Faster Web Sites
 
Designing The Digital Experience
Designing The Digital ExperienceDesigning The Digital Experience
Designing The Digital Experience
 
Gallagher_Taylor_Revised
Gallagher_Taylor_RevisedGallagher_Taylor_Revised
Gallagher_Taylor_Revised
 
Gallagher_Taylor
Gallagher_TaylorGallagher_Taylor
Gallagher_Taylor
 
Michael cross ignite presentation
Michael cross ignite presentationMichael cross ignite presentation
Michael cross ignite presentation
 
Scaling Your Tech Team
Scaling Your Tech TeamScaling Your Tech Team
Scaling Your Tech Team
 
Hardcode SEO
Hardcode SEOHardcode SEO
Hardcode SEO
 

Más de Remy Sharp

HTML5: where flash isn't needed anymore
HTML5: where flash isn't needed anymoreHTML5: where flash isn't needed anymore
HTML5: where flash isn't needed anymoreRemy Sharp
 
Yearning jQuery
Yearning jQueryYearning jQuery
Yearning jQueryRemy Sharp
 
Is HTML5 Ready? (workshop)
Is HTML5 Ready? (workshop)Is HTML5 Ready? (workshop)
Is HTML5 Ready? (workshop)Remy Sharp
 
Forget the Web
Forget the WebForget the Web
Forget the WebRemy Sharp
 
jQuery: out with the old, in with the new
jQuery: out with the old, in with the newjQuery: out with the old, in with the new
jQuery: out with the old, in with the newRemy Sharp
 
HTML5: huh, what is it good for?
HTML5: huh, what is it good for?HTML5: huh, what is it good for?
HTML5: huh, what is it good for?Remy Sharp
 
HTML5 tutorial: canvas, offfline & sockets
HTML5 tutorial: canvas, offfline & socketsHTML5 tutorial: canvas, offfline & sockets
HTML5 tutorial: canvas, offfline & socketsRemy Sharp
 
Developing for Mobile
Developing for MobileDeveloping for Mobile
Developing for MobileRemy Sharp
 
Browsers with Wings
Browsers with WingsBrowsers with Wings
Browsers with WingsRemy Sharp
 
Webapps without the web
Webapps without the webWebapps without the web
Webapps without the webRemy Sharp
 
HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?Remy Sharp
 
codebits 2009 HTML5 JS APIs
codebits 2009 HTML5 JS APIscodebits 2009 HTML5 JS APIs
codebits 2009 HTML5 JS APIsRemy Sharp
 
HTML5 JavaScript APIs
HTML5 JavaScript APIsHTML5 JavaScript APIs
HTML5 JavaScript APIsRemy Sharp
 
iPhone Appleless Apps
iPhone Appleless AppsiPhone Appleless Apps
iPhone Appleless AppsRemy Sharp
 
jQuery Loves Developers - Oredev 2009
jQuery Loves Developers - Oredev 2009jQuery Loves Developers - Oredev 2009
jQuery Loves Developers - Oredev 2009Remy Sharp
 
Write Less Do More
Write Less Do MoreWrite Less Do More
Write Less Do MoreRemy Sharp
 
HTML5 & Friends
HTML5 & FriendsHTML5 & Friends
HTML5 & FriendsRemy Sharp
 
jQuery Loves Developers - SWDC2009
jQuery Loves Developers - SWDC2009jQuery Loves Developers - SWDC2009
jQuery Loves Developers - SWDC2009Remy Sharp
 

Más de Remy Sharp (20)

HTML5: where flash isn't needed anymore
HTML5: where flash isn't needed anymoreHTML5: where flash isn't needed anymore
HTML5: where flash isn't needed anymore
 
Yearning jQuery
Yearning jQueryYearning jQuery
Yearning jQuery
 
Is HTML5 Ready? (workshop)
Is HTML5 Ready? (workshop)Is HTML5 Ready? (workshop)
Is HTML5 Ready? (workshop)
 
Forget the Web
Forget the WebForget the Web
Forget the Web
 
jQuery: out with the old, in with the new
jQuery: out with the old, in with the newjQuery: out with the old, in with the new
jQuery: out with the old, in with the new
 
HTML5: huh, what is it good for?
HTML5: huh, what is it good for?HTML5: huh, what is it good for?
HTML5: huh, what is it good for?
 
HTML5 tutorial: canvas, offfline & sockets
HTML5 tutorial: canvas, offfline & socketsHTML5 tutorial: canvas, offfline & sockets
HTML5 tutorial: canvas, offfline & sockets
 
Developing for Mobile
Developing for MobileDeveloping for Mobile
Developing for Mobile
 
Browsers with Wings
Browsers with WingsBrowsers with Wings
Browsers with Wings
 
Webapps without the web
Webapps without the webWebapps without the web
Webapps without the web
 
TwitterLib.js
TwitterLib.jsTwitterLib.js
TwitterLib.js
 
HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?HTML5: friend or foe (to Flash)?
HTML5: friend or foe (to Flash)?
 
codebits 2009 HTML5 JS APIs
codebits 2009 HTML5 JS APIscodebits 2009 HTML5 JS APIs
codebits 2009 HTML5 JS APIs
 
HTML5 JavaScript APIs
HTML5 JavaScript APIsHTML5 JavaScript APIs
HTML5 JavaScript APIs
 
iPhone Appleless Apps
iPhone Appleless AppsiPhone Appleless Apps
iPhone Appleless Apps
 
jQuery Loves Developers - Oredev 2009
jQuery Loves Developers - Oredev 2009jQuery Loves Developers - Oredev 2009
jQuery Loves Developers - Oredev 2009
 
Write Less Do More
Write Less Do MoreWrite Less Do More
Write Less Do More
 
HTML5 & Friends
HTML5 & FriendsHTML5 & Friends
HTML5 & Friends
 
HTML5 JS APIs
HTML5 JS APIsHTML5 JS APIs
HTML5 JS APIs
 
jQuery Loves Developers - SWDC2009
jQuery Loves Developers - SWDC2009jQuery Loves Developers - SWDC2009
jQuery Loves Developers - SWDC2009
 

Último

UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
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
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
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
 
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
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
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
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
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
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 

Último (20)

UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
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...
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
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
 
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...
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
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
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
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
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 

Interaction Implementation