SlideShare a Scribd company logo
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 Journey
Richard Wallis
 
Design System Ops
Design System OpsDesign System Ops
Design System Ops
Qvik
 
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 BBC
Richard 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 System
MusicNet
 
Moleskine presentation at Future Concept Lab
Moleskine presentation at Future Concept LabMoleskine presentation at Future Concept Lab
Moleskine presentation at Future Concept Lab
Moleskine ®
 
Peugeot brand building
Peugeot brand buildingPeugeot brand building
Peugeot brand building
Naresh2636
 
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
hvs
 
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
awilson_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 BBC
Connected Data World
 
Dessecting World of Tanks
Dessecting World of TanksDessecting World of Tanks
Dessecting World of Tanks
Teut Weidemann
 
Digital Marketing Institute - Open Evening Presentation
Digital Marketing Institute - Open Evening PresentationDigital Marketing Institute - Open Evening Presentation
Digital Marketing Institute - Open Evening Presentation
Digital 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 & Tags
BBC News Labs
 
BBC Olympics: An Accessibility Study
BBC Olympics: An Accessibility StudyBBC Olympics: An Accessibility Study
BBC Olympics: An Accessibility Study
Nomensa
 
Wikipedia as controlled vocabulary
Wikipedia as controlled vocabularyWikipedia as controlled vocabulary
Wikipedia as controlled vocabulary
guest2c797e
 
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
Massive 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 GDS
Craig 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 2014
Adam 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_ Austria
WeWebU 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 Assembly
Azat Mardanov
 
Front end performance improvements
Front end performance improvementsFront end performance improvements
Front end performance improvements
Matthew 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 Boost
Grgur 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 Movement
Jesse Cravens
 
JSDay 2013 - Practical Responsive Web Design
JSDay 2013 - Practical Responsive Web DesignJSDay 2013 - Practical Responsive Web Design
JSDay 2013 - Practical Responsive Web Design
Jonathan Klein
 
Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011Falsy Values - Warsaw 2011
Falsy Values - Warsaw 2011
Brian LeRoux
 
Responsive Web Design - An Accessibility Tool
Responsive Web Design - An Accessibility ToolResponsive Web Design - An Accessibility Tool
Responsive Web Design - An Accessibility Tool
George Zamfir
 
Back To The Future.Key 2
Back To The Future.Key 2Back To The Future.Key 2
Back To The Future.Key 2
gueste8cc560
 
FITC 2013 - The Technical Learning Curve
FITC 2013 - The Technical Learning CurveFITC 2013 - The Technical Learning Curve
FITC 2013 - The Technical Learning Curve
Little Miss Robot
 
2013 jsdc webworker
2013 jsdc webworker2013 jsdc webworker
2013 jsdc webworker
Bingo 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 2009
Fred Sauer
 
webthing-iotjs-tizenrt-cdl2018-20181117rzr
webthing-iotjs-tizenrt-cdl2018-20181117rzrwebthing-iotjs-tizenrt-cdl2018-20181117rzr
webthing-iotjs-tizenrt-cdl2018-20181117rzr
Phil 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 AngularJS
Pablo 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 #BigD12
touchtitans
 
Creating Responsive Experiences
Creating Responsive ExperiencesCreating Responsive Experiences
Creating Responsive Experiences
Tim 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 Angle
Pablo 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 WoT
Frank 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 javascript
wendy017
 

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

How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
danishmna97
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
panagenda
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
Edge AI and Vision Alliance
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Malak Abu Hammad
 
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
Kari Kakkonen
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Speck&Tech
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Quotidiano Piemontese
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
Kumud Singh
 
OpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - AuthorizationOpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - Authorization
David Brossard
 
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
Matthew Sinclair
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
Uni Systems S.M.S.A.
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
DianaGray10
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
Wouter Lemaire
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
Zilliz
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
名前 です男
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
Tomaz Bratanic
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
kumardaparthi1024
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
akankshawande
 

Recently uploaded (20)

How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
 
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
 
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
 
Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practicesNational Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
 
OpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - AuthorizationOpenID AuthZEN Interop Read Out - Authorization
OpenID AuthZEN Interop Read Out - Authorization
 
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
 
Microsoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdfMicrosoft - Power Platform_G.Aspiotis.pdf
Microsoft - Power Platform_G.Aspiotis.pdf
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
 

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