SlideShare a Scribd company logo
1 of 86
Download to read offline
1Monday, 20 May 13
how we built the
responsive site
2Monday, 20 May 13
3Monday, 20 May 13
Screen Size
Capability
mobiles desktop
small big
It used to be simple ..
4Monday, 20 May 13
we built www. & m.
desktop =rich UX
mobile =fast UX
5Monday, 20 May 13
device
EXPLOSION
EXPLOSION
EXPLOSION
6Monday, 20 May 13
7Monday, 20 May 13
8Monday, 20 May 13
9Monday, 20 May 13
Screen Size
Capability
mobiles desktop
small big
b okEr N
10Monday, 20 May 13
Screen Size
Capability
Smart
phones
desktop
small big
tablets
Net books
TVse-readers
feature
phones
it’s complicated ..
Connection speed? Resolution? input method?
11Monday, 20 May 13
Even  Google  [is]  not  rich  enough  
to  support  all  of  the  different  
mobile  pla:orms...
“
”Vic  Gundotra,  VP  of  engineering  at  Google
12Monday, 20 May 13
THe
web 13Monday, 20 May 13
client side
detection
server side
client
server WURFL
User  agent  
sniffing
client
server
XHR
Feature
detecGon
14Monday, 20 May 13
responsive
DESIGN
15Monday, 20 May 13
16Monday, 20 May 13
“Users don’t give a s**t
if your site is responsive”
Brad  Frost
17Monday, 20 May 13
responsive’s
dirty
secrets
18Monday, 20 May 13
*
Browser support
19Monday, 20 May 13
20Monday, 20 May 13
21Monday, 20 May 13
Build a simpleweb page
22Monday, 20 May 13
speedthe core experience is fast
1  HTML  document
1  image  for  the  first  story
2  CSS  requests
2  branding  images
1  stats  web  bug
7  requests   30kb~
23Monday, 20 May 13
trash
rubbish
filler
content
nonsense
crap
poppycock
garbage baloney
twaddletomfoolery
tripe
jQuery.js jQueryUI.js Uniform.js
jTextTranslate.js TopUp.js TipTip.js
FullCalendar.js grid.js Uploadify.js
Elastic.js Contactable.js MarkItUp.js
Autotab.js jExpand.js jBreadCrumb.js
Vertical-Scroll-Menu.js Compact-
News-Previewer.js Pull-Out-Content-
Panel.js Mega-Drop-Down-Menu.js
Apple-like-Retina-Effect.js Simple-
Accordion.js gMap.js Stylish-Content- 24Monday, 20 May 13
content
25Monday, 20 May 13
Mobile first
+
progressive enhancement
Crappy
26Monday, 20 May 13
27Monday, 20 May 13
We split devices into
good and bad
core
experience
enhanced
experience
28Monday, 20 May 13
good browser?it cuts the mustardtm
29Monday, 20 May 13
good browser?it cuts the mustardtm
if(
'querySelector' in document &&
'localStorage' in window &&
'addEventListener' in window
){
// party time!
}
30Monday, 20 May 13
good browser?it cuts the mustardtm
Avoids  downloading  large  DOM  libraries
Most  browsers  will  sGll  pass
Reduces  dev  Gme  on  new  features
31Monday, 20 May 13
/news
Link to
weather
site
CORE EXPERIENCE
32Monday, 20 May 13
ENHANCED EXPERIENCE
33Monday, 20 May 13
YESTERDAY
7 8
BB OS5
(MANGO)
1.6
TOMORROW
11
29
69
iOS 8
TODAY
10
BB OS6+
(WEBKIT)
2.1+
iOS 6
9
34Monday, 20 May 13
35Monday, 20 May 13
*
Performance
36Monday, 20 May 13
287  requests
2.5MB  transferred
37Monday, 20 May 13
         requests
                          transferred  ?
287
2.5MB
“86%  sites  same  or  
larger  than  desktop”
Guy  Podjarny  
38Monday, 20 May 13
39Monday, 20 May 13
how did it get to this ?
40Monday, 20 May 13
Performance  is  a  feature
41Monday, 20 May 13
10SECONDS
ON GPRS
100KB
~
42Monday, 20 May 13
*
images 43Monday, 20 May 13
imagesare big
JS & CSS
362
IMAGES
492
HTML
35
44Monday, 20 May 13
<img src="big-elephant.jpg">
img {
max-width: 100%;
}
100kb
100kb
45Monday, 20 May 13
Core  image
Hidden  divs
46Monday, 20 May 13
imagesDynamic resizing
<!-- Core image which will be replaced -->
<img
src="http://domain.com/200/foo.jpg"
class="image-replace">
47Monday, 20 May 13
imagesDynamic resizing
<!-- Placeholder image for variable size -->
<div
data-src="http://domain.com/200/bar.jpg"
class="delayed-image-load">
</div>
48Monday, 20 May 13
16k
49Monday, 20 May 13
*
media queries
50Monday, 20 May 13
Mediaqueries
View  port  size  rather  than  content  element
Browsers  download  all  style  sheets*
51Monday, 20 May 13
wide.css
cssLoad what you need
core.css
tablet.css
compact
.css
stylesheetLoader.init({
'compact': '(max-width: 640px)',
'tablet' : '(min-width: 641px)',
'wide' : '(min-width: 1056px)'
});
JS
Stylesheet
loader
52Monday, 20 May 13
*
complexity
53Monday, 20 May 13
Simplify
Simplify
Simplify
54Monday, 20 May 13
Render on serverkeep it simple.
Non-­‐JS  devices  can  view  content
Keep  templates  in  one  place
JS  rendering  engines  are  slooooooow
TranslaGons  are  much  easier  on  the  server
55Monday, 20 May 13
Tool up!a helping hand
Curl.js
56Monday, 20 May 13
$rtl: true;
// Flipped Sass - flip
.class {
float: flip(left, right);
}
// Flipped Sass
.class {
#{$padding-left}: 8px;
}
57Monday, 20 May 13
define([
'domLibrary',
'deviceInspector'
],
function(
$,
deviceInspector
){
// module code
});
Define  modules  and  dependencies
Asynchronous  calls
Swap  out  implementaGons
AMD
58Monday, 20 May 13
59Monday, 20 May 13
*
Hiding 60Monday, 20 May 13
Hidden content
61Monday, 20 May 13
Loaded
content
62Monday, 20 May 13
63Monday, 20 May 13
64Monday, 20 May 13
Loadingstrategies
Include Post Batch
65Monday, 20 May 13
66Monday, 20 May 13
<a href="/news/component/top-stories-promo"
id="js-top-stories-promo"></a>
<script>
require(['loader'], function(cl) {
cl.register({
});
});
</script>
"selector":"#js-top-stories-promo",
"loadingStrategy":"batch",
"deviceGroups":["tablet","desktop"]
67Monday, 20 May 13
68Monday, 20 May 13
LAZY LoadFalse economy?
69Monday, 20 May 13
Avoid
 waking
 
the
 radio!
70Monday, 20 May 13
*
testing
71Monday, 20 May 13
Manual  tesng
72Monday, 20 May 13
Automated  tests
PhantomJS  -­‐  fast
WebDriver  -­‐  real
73Monday, 20 May 13
UI  regression  tests
74Monday, 20 May 13
page.viewportSize = {
width: 320, height: 5000
};
compare -fuzz 20%
-highlight-color blue
#{base} #{compare} #{output}
page.open(url, function() {
page.render(image_name);
});
75Monday, 20 May 13
Perf testsHttp Archive (HAR)
phantomjs netsniff.js
http://foo.com  foo.har
https://code.google.com/
p/harstorage/
76Monday, 20 May 13
Perf testsHttp Archive (HAR)
DOH!
77Monday, 20 May 13
Protecng  the  servers
78Monday, 20 May 13
We Cache nearly
everything
79Monday, 20 May 13
Front-­‐end
context
annotations
Load
Balancer
Service
Varnish
Cache-Control:
max-age=120
80Monday, 20 May 13
varnishcontext aware
Some  personalisaGons
Country  of  user
What  device  they  are  on
81Monday, 20 May 13
varnishhit / miss ratios
doh! 82Monday, 20 May 13
100m
80m
60m
40m
20m
0m
Jan 2011AD Apr 2011AD
CDN
FTW!
lose
context
83Monday, 20 May 13

More Related Content

Viewers also liked

BBC Linked Data Journey
BBC Linked Data JourneyBBC Linked Data Journey
BBC Linked Data JourneyRichard Wallis
 
Design System Ops
Design System OpsDesign System Ops
Design System OpsQvik
 
Automatisez vos tâches répétitives avec Grunt (Blend 2013)
Automatisez vos tâches répétitives avec Grunt (Blend 2013)Automatisez vos tâches répétitives avec Grunt (Blend 2013)
Automatisez vos tâches répétitives avec Grunt (Blend 2013)Corinne Schillinger
 
Transforming the User Experience of the BBC
Transforming the User Experience of the BBCTransforming the User Experience of the BBC
Transforming the User Experience of the BBCRichard Titus
 
N. Humfrey. BBC Music - Using the Web as our Content Management System
N. Humfrey. BBC Music - Using the Web as our Content Management SystemN. Humfrey. BBC Music - Using the Web as our Content Management System
N. Humfrey. BBC Music - Using the Web as our Content Management SystemMusicNet
 
Moleskine presentation at Future Concept Lab
Moleskine presentation at Future Concept LabMoleskine presentation at Future Concept Lab
Moleskine presentation at Future Concept LabMoleskine ®
 
Peugeot brand building
Peugeot brand buildingPeugeot brand building
Peugeot brand buildingNaresh2636
 
BBC2.0: The BBC’s 15 Web Principles
BBC2.0: The BBC’s 15 Web PrinciplesBBC2.0: The BBC’s 15 Web Principles
BBC2.0: The BBC’s 15 Web Principleshvs
 
BBC Playlister : What lies beneath the surface/service? - Keeping Tracks
BBC Playlister : What lies beneath the surface/service? - Keeping TracksBBC Playlister : What lies beneath the surface/service? - Keeping Tracks
BBC Playlister : What lies beneath the surface/service? - Keeping Tracksawilson_bl
 
Ten Years of Linked Data at the BBC
Ten Years of Linked Data at the BBCTen Years of Linked Data at the BBC
Ten Years of Linked Data at the BBCConnected Data World
 
Dessecting World of Tanks
Dessecting World of TanksDessecting World of Tanks
Dessecting World of TanksTeut Weidemann
 
Digital Marketing Institute - Open Evening Presentation
Digital Marketing Institute - Open Evening PresentationDigital Marketing Institute - Open Evening Presentation
Digital Marketing Institute - Open Evening PresentationDigital Marketing Institute
 
News Archive - BBC News Labs presentation on Storylines, Topics & Tags
News Archive - BBC News Labs presentation on Storylines, Topics & TagsNews Archive - BBC News Labs presentation on Storylines, Topics & Tags
News Archive - BBC News Labs presentation on Storylines, Topics & TagsBBC News Labs
 
BBC Olympics: An Accessibility Study
BBC Olympics: An Accessibility StudyBBC Olympics: An Accessibility Study
BBC Olympics: An Accessibility StudyNomensa
 
Wikipedia as controlled vocabulary
Wikipedia as controlled vocabularyWikipedia as controlled vocabulary
Wikipedia as controlled vocabularyguest2c797e
 
Shaping the future of BBC News for the connected home
Shaping the future of BBC News for the connected homeShaping the future of BBC News for the connected home
Shaping the future of BBC News for the connected homeMassive Interactive
 
Building your first UX Lab : Presented at GDS
Building your first UX Lab : Presented at GDSBuilding your first UX Lab : Presented at GDS
Building your first UX Lab : Presented at GDSCraig Spencer
 
Red Bull Ireland Digital Media Landscape Report - December 2014
Red Bull Ireland Digital Media Landscape Report - December 2014Red Bull Ireland Digital Media Landscape Report - December 2014
Red Bull Ireland Digital Media Landscape Report - December 2014Adam Hide
 
"Implementing a lean approach in IT operations and infrastructure" by Philipp...
"Implementing a lean approach in IT operations and infrastructure" by Philipp..."Implementing a lean approach in IT operations and infrastructure" by Philipp...
"Implementing a lean approach in IT operations and infrastructure" by Philipp...Institut Lean France
 
Success Story_UniCredit Leasing_ Austria
Success Story_UniCredit Leasing_ AustriaSuccess Story_UniCredit Leasing_ Austria
Success Story_UniCredit Leasing_ AustriaWeWebU Software AG
 

Viewers also liked (20)

BBC Linked Data Journey
BBC Linked Data JourneyBBC Linked Data Journey
BBC Linked Data Journey
 
Design System Ops
Design System OpsDesign System Ops
Design System Ops
 
Automatisez vos tâches répétitives avec Grunt (Blend 2013)
Automatisez vos tâches répétitives avec Grunt (Blend 2013)Automatisez vos tâches répétitives avec Grunt (Blend 2013)
Automatisez vos tâches répétitives avec Grunt (Blend 2013)
 
Transforming the User Experience of the BBC
Transforming the User Experience of the BBCTransforming the User Experience of the BBC
Transforming the User Experience of the BBC
 
N. Humfrey. BBC Music - Using the Web as our Content Management System
N. Humfrey. BBC Music - Using the Web as our Content Management SystemN. Humfrey. BBC Music - Using the Web as our Content Management System
N. Humfrey. BBC Music - Using the Web as our Content Management System
 
Moleskine presentation at Future Concept Lab
Moleskine presentation at Future Concept LabMoleskine presentation at Future Concept Lab
Moleskine presentation at Future Concept Lab
 
Peugeot brand building
Peugeot brand buildingPeugeot brand building
Peugeot brand building
 
BBC2.0: The BBC’s 15 Web Principles
BBC2.0: The BBC’s 15 Web PrinciplesBBC2.0: The BBC’s 15 Web Principles
BBC2.0: The BBC’s 15 Web Principles
 
BBC Playlister : What lies beneath the surface/service? - Keeping Tracks
BBC Playlister : What lies beneath the surface/service? - Keeping TracksBBC Playlister : What lies beneath the surface/service? - Keeping Tracks
BBC Playlister : What lies beneath the surface/service? - Keeping Tracks
 
Ten Years of Linked Data at the BBC
Ten Years of Linked Data at the BBCTen Years of Linked Data at the BBC
Ten Years of Linked Data at the BBC
 
Dessecting World of Tanks
Dessecting World of TanksDessecting World of Tanks
Dessecting World of Tanks
 
Digital Marketing Institute - Open Evening Presentation
Digital Marketing Institute - Open Evening PresentationDigital Marketing Institute - Open Evening Presentation
Digital Marketing Institute - Open Evening Presentation
 
News Archive - BBC News Labs presentation on Storylines, Topics & Tags
News Archive - BBC News Labs presentation on Storylines, Topics & TagsNews Archive - BBC News Labs presentation on Storylines, Topics & Tags
News Archive - BBC News Labs presentation on Storylines, Topics & Tags
 
BBC Olympics: An Accessibility Study
BBC Olympics: An Accessibility StudyBBC Olympics: An Accessibility Study
BBC Olympics: An Accessibility Study
 
Wikipedia as controlled vocabulary
Wikipedia as controlled vocabularyWikipedia as controlled vocabulary
Wikipedia as controlled vocabulary
 
Shaping the future of BBC News for the connected home
Shaping the future of BBC News for the connected homeShaping the future of BBC News for the connected home
Shaping the future of BBC News for the connected home
 
Building your first UX Lab : Presented at GDS
Building your first UX Lab : Presented at GDSBuilding your first UX Lab : Presented at GDS
Building your first UX Lab : Presented at GDS
 
Red Bull Ireland Digital Media Landscape Report - December 2014
Red Bull Ireland Digital Media Landscape Report - December 2014Red Bull Ireland Digital Media Landscape Report - December 2014
Red Bull Ireland Digital Media Landscape Report - December 2014
 
"Implementing a lean approach in IT operations and infrastructure" by Philipp...
"Implementing a lean approach in IT operations and infrastructure" by Philipp..."Implementing a lean approach in IT operations and infrastructure" by Philipp...
"Implementing a lean approach in IT operations and infrastructure" by Philipp...
 
Success Story_UniCredit Leasing_ Austria
Success Story_UniCredit Leasing_ AustriaSuccess Story_UniCredit Leasing_ Austria
Success Story_UniCredit Leasing_ Austria
 

Similar to Mobilism 2013: A story of how we built Responsive BBC News

Intro to Backbone.js by Azat Mardanov for General Assembly
Intro to Backbone.js by Azat Mardanov for General AssemblyIntro to Backbone.js by Azat Mardanov for General Assembly
Intro to Backbone.js by Azat Mardanov for General AssemblyAzat Mardanov
 
Front end performance improvements
Front end performance improvementsFront end performance improvements
Front end performance improvementsMatthew Farina
 
Give Responsive Design a Mobile Performance Boost
Give Responsive Design a Mobile Performance BoostGive Responsive Design a Mobile Performance Boost
Give Responsive Design a Mobile Performance BoostGrgur Grisogono
 
JavaScript Makers: How JS is Helping Drive the Maker Movement
JavaScript Makers: How JS is Helping Drive the Maker MovementJavaScript Makers: How JS is Helping Drive the Maker Movement
JavaScript Makers: How JS is Helping Drive the Maker MovementJesse Cravens
 
JSDay 2013 - Practical Responsive Web Design
JSDay 2013 - Practical Responsive Web DesignJSDay 2013 - Practical Responsive Web Design
JSDay 2013 - Practical Responsive Web DesignJonathan Klein
 
Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011Brian LeRoux
 
Responsive Web Design - An Accessibility Tool
Responsive Web Design - An Accessibility ToolResponsive Web Design - An Accessibility Tool
Responsive Web Design - An Accessibility ToolGeorge Zamfir
 
Back To The Future.Key 2
Back To The Future.Key 2Back To The Future.Key 2
Back To The Future.Key 2gueste8cc560
 
FITC 2013 - The Technical Learning Curve
FITC 2013 - The Technical Learning CurveFITC 2013 - The Technical Learning Curve
FITC 2013 - The Technical Learning CurveLittle Miss Robot
 
2013 jsdc webworker
2013 jsdc webworker2013 jsdc webworker
2013 jsdc webworkerBingo Yang
 
GWT Overview And Feature Preview - SV Web JUG - June 16 2009
GWT Overview And Feature Preview - SV Web JUG -  June 16 2009GWT Overview And Feature Preview - SV Web JUG -  June 16 2009
GWT Overview And Feature Preview - SV Web JUG - June 16 2009Fred Sauer
 
webthing-iotjs-tizenrt-cdl2018-20181117rzr
webthing-iotjs-tizenrt-cdl2018-20181117rzrwebthing-iotjs-tizenrt-cdl2018-20181117rzr
webthing-iotjs-tizenrt-cdl2018-20181117rzrPhil www.rzr.online.fr
 
Tek 2013 - Building Web Apps from a New Angle with AngularJS
Tek 2013 - Building Web Apps from a New Angle with AngularJSTek 2013 - Building Web Apps from a New Angle with AngularJS
Tek 2013 - Building Web Apps from a New Angle with AngularJSPablo Godel
 
Responsive UX - One size fits all @BigDesign conference #BigD12
Responsive UX - One size fits all   @BigDesign conference #BigD12Responsive UX - One size fits all   @BigDesign conference #BigD12
Responsive UX - One size fits all @BigDesign conference #BigD12touchtitans
 
Creating Responsive Experiences
Creating Responsive ExperiencesCreating Responsive Experiences
Creating Responsive ExperiencesTim Kadlec
 
Lone StarPHP 2013 - Building Web Apps from a New Angle
Lone StarPHP 2013 - Building Web Apps from a New AngleLone StarPHP 2013 - Building Web Apps from a New Angle
Lone StarPHP 2013 - Building Web Apps from a New AnglePablo Godel
 
Open Source Monitoring for Java with JMX and Graphite (GeeCON 2013)
Open Source Monitoring for Java with JMX and Graphite (GeeCON 2013)Open Source Monitoring for Java with JMX and Graphite (GeeCON 2013)
Open Source Monitoring for Java with JMX and Graphite (GeeCON 2013)Cyrille Le Clerc
 
WebSocket Perspectives 2015 - Clouds, Streams, Microservices and WoT
WebSocket Perspectives 2015 - Clouds, Streams, Microservices and WoTWebSocket Perspectives 2015 - Clouds, Streams, Microservices and WoT
WebSocket Perspectives 2015 - Clouds, Streams, Microservices and WoTFrank Greco
 
3D Web Services And Models For The Web: Where Do We Stand?
3D Web Services And Models For The Web: Where Do We Stand?3D Web Services And Models For The Web: Where Do We Stand?
3D Web Services And Models For The Web: Where Do We Stand?Camptocamp
 
Basic html5 and javascript
Basic html5 and javascriptBasic html5 and javascript
Basic html5 and javascriptwendy017
 

Similar to Mobilism 2013: A story of how we built Responsive BBC News (20)

Intro to Backbone.js by Azat Mardanov for General Assembly
Intro to Backbone.js by Azat Mardanov for General AssemblyIntro to Backbone.js by Azat Mardanov for General Assembly
Intro to Backbone.js by Azat Mardanov for General Assembly
 
Front end performance improvements
Front end performance improvementsFront end performance improvements
Front end performance improvements
 
Give Responsive Design a Mobile Performance Boost
Give Responsive Design a Mobile Performance BoostGive Responsive Design a Mobile Performance Boost
Give Responsive Design a Mobile Performance Boost
 
JavaScript Makers: How JS is Helping Drive the Maker Movement
JavaScript Makers: How JS is Helping Drive the Maker MovementJavaScript Makers: How JS is Helping Drive the Maker Movement
JavaScript Makers: How JS is Helping Drive the Maker Movement
 
JSDay 2013 - Practical Responsive Web Design
JSDay 2013 - Practical Responsive Web DesignJSDay 2013 - Practical Responsive Web Design
JSDay 2013 - Practical Responsive Web Design
 
Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011
 
Responsive Web Design - An Accessibility Tool
Responsive Web Design - An Accessibility ToolResponsive Web Design - An Accessibility Tool
Responsive Web Design - An Accessibility Tool
 
Back To The Future.Key 2
Back To The Future.Key 2Back To The Future.Key 2
Back To The Future.Key 2
 
FITC 2013 - The Technical Learning Curve
FITC 2013 - The Technical Learning CurveFITC 2013 - The Technical Learning Curve
FITC 2013 - The Technical Learning Curve
 
2013 jsdc webworker
2013 jsdc webworker2013 jsdc webworker
2013 jsdc webworker
 
GWT Overview And Feature Preview - SV Web JUG - June 16 2009
GWT Overview And Feature Preview - SV Web JUG -  June 16 2009GWT Overview And Feature Preview - SV Web JUG -  June 16 2009
GWT Overview And Feature Preview - SV Web JUG - June 16 2009
 
webthing-iotjs-tizenrt-cdl2018-20181117rzr
webthing-iotjs-tizenrt-cdl2018-20181117rzrwebthing-iotjs-tizenrt-cdl2018-20181117rzr
webthing-iotjs-tizenrt-cdl2018-20181117rzr
 
Tek 2013 - Building Web Apps from a New Angle with AngularJS
Tek 2013 - Building Web Apps from a New Angle with AngularJSTek 2013 - Building Web Apps from a New Angle with AngularJS
Tek 2013 - Building Web Apps from a New Angle with AngularJS
 
Responsive UX - One size fits all @BigDesign conference #BigD12
Responsive UX - One size fits all   @BigDesign conference #BigD12Responsive UX - One size fits all   @BigDesign conference #BigD12
Responsive UX - One size fits all @BigDesign conference #BigD12
 
Creating Responsive Experiences
Creating Responsive ExperiencesCreating Responsive Experiences
Creating Responsive Experiences
 
Lone StarPHP 2013 - Building Web Apps from a New Angle
Lone StarPHP 2013 - Building Web Apps from a New AngleLone StarPHP 2013 - Building Web Apps from a New Angle
Lone StarPHP 2013 - Building Web Apps from a New Angle
 
Open Source Monitoring for Java with JMX and Graphite (GeeCON 2013)
Open Source Monitoring for Java with JMX and Graphite (GeeCON 2013)Open Source Monitoring for Java with JMX and Graphite (GeeCON 2013)
Open Source Monitoring for Java with JMX and Graphite (GeeCON 2013)
 
WebSocket Perspectives 2015 - Clouds, Streams, Microservices and WoT
WebSocket Perspectives 2015 - Clouds, Streams, Microservices and WoTWebSocket Perspectives 2015 - Clouds, Streams, Microservices and WoT
WebSocket Perspectives 2015 - Clouds, Streams, Microservices and WoT
 
3D Web Services And Models For The Web: Where Do We Stand?
3D Web Services And Models For The Web: Where Do We Stand?3D Web Services And Models For The Web: Where Do We Stand?
3D Web Services And Models For The Web: Where Do We Stand?
 
Basic html5 and javascript
Basic html5 and javascriptBasic html5 and javascript
Basic html5 and javascript
 

Recently uploaded

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 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
 
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
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
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
 
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
 
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
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
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
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
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
 
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
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
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
 

Recently uploaded (20)

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 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
 
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
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
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
 
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
 
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
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
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
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
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
 
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
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
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
 

Mobilism 2013: A story of how we built Responsive BBC News