Keys to Responsive Design

Tim Wright
Tim WrightProfessional Human
Presented by
Keys to Responsive Design
Wednesday, May 29, 13
Presented by
I’m Tim.
Wednesday, May 29, 13
Responsive Web Design
I wrote this book.
Amazon
Barnes & Noble
Safari Books
...most places, really.
informIT.com
WRIGHT2740
Wednesday, May 29, 13
Responsive Web Design
What we’ll be going over
• Best Practices
• Setting Breakpoints
• Design Patterns
• Responsive Media
• Responsive JavaScript
• RESS (RWD with Server-side Components)
Wednesday, May 29, 13
Responsive Web Design
01Best PracticesThey’re WAY more exciting than they sound!
Wednesday, May 29, 13
Responsive Web Design
Progressive Enhancement
Wednesday, May 29, 13
Responsive Web Design
Progressive Enhancement
Wednesday, May 29, 13
Responsive Web Design
The BIG secret!
normal CSS
normal CSS
normal CSS
breakpoint (media query)
breakpoint (media query)Stuff at the
bottom
Overwrites
stuff at the
top
Wednesday, May 29, 13
Being good at
responsive design has
little to do with CSS
Wednesday, May 29, 13
Responsive Web Design
Rules of Responsive Design
• Don’t call it “mobile”
• Treat it as 1 site
• Don’t target devices
• Don’t remove content for small screens
• Think in terms of features (touch vs. no touch)
• Always remember bandwidth
• Consider the strategy from the start
• Recognize when it isn’t the answer.
Wednesday, May 29, 13
Responsive Web Design
02Media Queries & breakpointsHoly sh*t, stop using iPhone dimensions...
• Best Practices
• Setting Breakpoints
• Design Patterns
• Responsive Media
• Responsive JavaScript
• RESS (RWD with Server-side Components)
Wednesday, May 29, 13
Responsive Web Design
The Media Query
@media screen and ( max-width: 800px ) {
/* CSS for this breakpoint */
}
media type media feature
normal CSS
Wednesday, May 29, 13
Responsive Web Design
The Media “Type”
• all
• screen
• print
• braille
• handheld
• projections
• tv
• aural (speech and sound synthesis)
Wednesday, May 29, 13
Responsive Web Design
The Media “Feature”
• min/max-width
• min/max-height
• orientation
• aspect-ratio (browser window)
• device-aspect-ratio (4/3,16/9)
• color-index
• resolution & min-resolution (dpi * dpcm)
• device pixel ratio
Wednesday, May 29, 13
Responsive Web Design
Aspect ratio
Height/Width
Orientation
Resolution (dpi)
Touch enabled (-moz-)
Wednesday, May 29, 13
Responsive Web Design
Aspect ratio
Height/Width
Orientation
Resolution (dpi)
Touch enabled (-moz-)
Wednesday, May 29, 13
Responsive Web Design
Aspect ratio
Height/Width
Orientation
Resolution (dpi)
Touch enabled
Wednesday, May 29, 13
Responsive Web Design
Aspect ratio
Height/Width
Orientation
Resolution (dpi)
Touch enabled (-moz-)
Wednesday, May 29, 13
Responsive Web Design
Aspect ratio
Height/Width
Orientation
Resolution (dpi)
Touch enabled (-moz-)
Wednesday, May 29, 13
Responsive Web Design
Setting Breakpoints
Wednesday, May 29, 13
Responsive Design
doesn’t care that the
iPhone is 320 pixels
wide...
...and neither should you
Wednesday, May 29, 13
Responsive Web Design
Making it work on everywhere
Wednesday, May 29, 13
Responsive Web Design
Viewport tag content
width=device-width // define the viewport size
initial-scale=1.0 // starting zoom level
maximum-scale=1.0 // control zooming (0-10)
user-scalable=0 // prevent zooming / input:focus scrolling
Wednesday, May 29, 13
Responsive Web Design
Recommended Tag
<meta name=”viewport” content=”width=device-width, initial-scale=1.0”>
Wednesday, May 29, 13
Responsive Web Design
Breakpoints & Media Queries
Live example
Wednesday, May 29, 13
Responsive Web Design
Browser Support
caniuse.com
Wednesday, May 29, 13
Responsive Web Design
03Design patternsOther people do things this way...
• Best Practices
• Setting Breakpoints
• Design Patterns
• Responsive Media
• Responsive JavaScript
• RESS (RWD with Server-side Components)
Wednesday, May 29, 13
Responsive Web Design
Navigation
• The “Do nothing” approach
• Stacked navigation method
• Footer anchor
• Select menu
• Toggle
• Left navigation flyout
• The “Hide and Cry”
Credit: Brad Frost
Wednesday, May 29, 13
Responsive Web Design
Navigation
The “Do Nothing” Approach
Wednesday, May 29, 13
Responsive Web Design
Navigation
The “Stacked Navigation” method
Wednesday, May 29, 13
Responsive Web Design
Navigation
Footer Anchor
Image Credit: Brad Frost
Wednesday, May 29, 13
Responsive Web Design
Navigation
Select Menu
Image Credit: Brad Frost
Wednesday, May 29, 13
Responsive Web Design
Navigation
Toggle
Wednesday, May 29, 13
Responsive Web Design
Navigation
Left Nav Flyout
Wednesday, May 29, 13
Responsive Web Design
Navigation
The “Hide and Cry”
Wednesday, May 29, 13
Responsive Web Design
Navigation
Live example
Wednesday, May 29, 13
Responsive Web Design
04Responsive ImagesLoading a image for a small screen? Eh.
• Best Practices
• Setting Breakpoints
• Design Patterns
• Responsive Media
• Responsive JavaScript
• RESS (RWD with Server-side Components)
Wednesday, May 29, 13
Responsive Web Design
Responsive Images
• max-width: 100%
• Picturefill
• Bandwidth testing
Wednesday, May 29, 13
Responsive Web Design
Lazy man’s images
img {
max-width: 100%;
}
Wednesday, May 29, 13
Responsive Web Design
Picturefill
<div data-picture data-alt=”A Fat Brown Dog”>
<div data-src=”small.jpg” data-media=”(max-width:600px)”></div>
<div data-src=”hd.jpg” data-media=”(min-device-pixel-ratio: 2.0)”></div>
<noscript>
<img src=”fat-dog.jpg” alt=”A Fat Brown Dog”>
</noscript>
</div>
Wednesday, May 29, 13
Responsive Web Design
Picturefill
Live example
Wednesday, May 29, 13
Responsive Web Design
Bandwidth Testing
navigator.mozConnection.bandwidth
if(Manage.connection === “good”) {
// you have ample bandwidth
}
https://github.com/timwright12/js-asset-management
Wednesday, May 29, 13
Responsive Web Design
05Responsive JavaScriptGulp...
• Best Practices
• Setting Breakpoints
• Design Patterns
• Responsive Media
• Responsive JavaScript
• RESS (RWD with Server-side Components)
Wednesday, May 29, 13
Responsive Web Design
Responsive JavaScript
body:before {
content: “widescreen”;
position: absolute;
top: -9999px;
left: -9999px;
}
@media screen and (max-width:600px) {
content: “smallscreen”;
}
Wednesday, May 29, 13
Responsive Web Design
Responsive JavaScript
// set the initial screen size
var size = window.getComputedStyle(document.body,':before').getPropertyValue('content');
// check the breakpoint on resize
window.addEventListener(“resize”, function(){
size = window.getComputedStyle(document.body,':before').getPropertyValue('content');
if (size.indexOf(“smallscreen”) != -1) {
// do small screen JS
} else {
// do large screen JS
}
}, false);
Wednesday, May 29, 13
Responsive Web Design
Responsive JavaScript
Basic example
Wednesday, May 29, 13
Responsive Web Design
Responsive JavaScript
Over the top example
Wednesday, May 29, 13
Responsive Web Design
06Responsive Design & the ServerLean on me... when you’re not strooooong... and I’ll be your friend...
• Best Practices
• Setting Breakpoints
• Design Patterns
• Responsive Media
• Responsive JavaScript
• RESS (RWD with Server-side Components)
Wednesday, May 29, 13
Responsive Web Design
RESS
?
Yes, do
something
mobile
No.
Wednesday, May 29, 13
Responsive Web Design
RESS
In the browser On the server
• Screen size
• Orientation
• Design changes (CSS)
• Is mobile?
• Structural changes (HTML)
Wednesday, May 29, 13
Wednesday, May 29, 13
Wednesday, May 29, 13
Responsive Web Design
RESS
?
Insert call button
& use native
datepicker
Async load jQuery UI &
date picker base CSS
YES!
NO!
Wednesday, May 29, 13
Responsive Web Design
RESS
What is the window size? Is touch available?
• Answered with media
queries
• No - Do nothing
• Yes - Async load touch
interactions (swiping)
Wednesday, May 29, 13
Responsive Web Design
What we went over
• Progressive Enhancement
• Best Practices
• Setting Breakpoints
• Design Patterns
• Responsive Media
• Responsive JavaScript
• RESS (RWD with Server-side Components)
Wednesday, May 29, 13
Responsive Web Design
Books
Responsive Web Design
by Ethan Marcotte
Wednesday, May 29, 13
Responsive Web Design
Articles
• Responsive Web Design
http://www.alistapart.com/articles/responsive-web-design/
• Guidelines for Responsive Design
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
• Design Process in a Responsive Age
http://uxdesign.smashingmagazine.com/2012/05/30/design-process-responsive-age/
• Adaptive vs. Responsive Design
http://uxdesign.smashingmagazine.com/2012/11/08/ux-design-qa-with-christian-holst/
• Responsive Design is more than breakpoints
http://inspectelement.com/articles/responsive-web-design-is-so-more-than-just-a-few-
breakpoints/
Wednesday, May 29, 13
Responsive Web Design
Tools & Plugins
• Picturefill
https://github.com/scottjehl/picturefill
• FitVids
http://fitvidsjs.com/
• RespondJS
https://github.com/scottjehl/Respond
• Testing a Responsive Site
http://mattkersley.com/responsive/
• Multi-device layout patterns
http://www.lukew.com/ff/entry.asp?1514
Wednesday, May 29, 13
Responsive Web Design
Folks on Twitter
• Responsive Design, @rwd
• Mat Marquis, @wilto
• Chris Coyier, @chriscoyier
• Brad Frost, @brad_frost
• Luke Wroblewski, @lukew
Wednesday, May 29, 13
Responsive Web Design
A Podcast
Web:
freshtilledsoil.com/thedirt
Twitter:
@thedirtshow
@freshtilledsoil
Wednesday, May 29, 13
Responsive Web Design
Slides
ftsdesign.com/labs/rwd-tnw/slides.pdf
Wednesday, May 29, 13
Responsive Web Design
Questions/Comments
E-mail: tim.wright@freshtilledsoil.com
Twitter: @csskarma
Fresh Tilled Labs: freshtilledsoil.com/habitat/labs
Wednesday, May 29, 13
1 of 62

Recommended

Responsive Web Design by
Responsive Web Design Responsive Web Design
Responsive Web Design CLEVER°FRANKE
690 views64 slides
Current Design Trends by
Current Design TrendsCurrent Design Trends
Current Design Trendswhipplehill
473 views58 slides
Keys to Responsive Design by
Keys to Responsive DesignKeys to Responsive Design
Keys to Responsive DesignIntelligent_ly
1.3K views57 slides
Responsive Image Strategies by
Responsive Image StrategiesResponsive Image Strategies
Responsive Image StrategiesLindsey Norman
1.5K views57 slides
J105 Web Design by
J105 Web DesignJ105 Web Design
J105 Web DesignChris Snider
764 views50 slides
NonProfit Website Strategy & Planning by
NonProfit Website Strategy & PlanningNonProfit Website Strategy & Planning
NonProfit Website Strategy & PlanningJen Kramer
2.3K views48 slides

More Related Content

Viewers also liked

Creating Contextual Applications with Maslow & The Device API by
Creating Contextual Applications with Maslow & The Device APICreating Contextual Applications with Maslow & The Device API
Creating Contextual Applications with Maslow & The Device APITim Wright
1.5K views44 slides
Bringing Environmental Design to the Web by
Bringing Environmental Design to the WebBringing Environmental Design to the Web
Bringing Environmental Design to the WebTim Wright
15.7K views52 slides
Implementing a Scalable Mobile Strategy by
Implementing a Scalable Mobile StrategyImplementing a Scalable Mobile Strategy
Implementing a Scalable Mobile StrategyTim Wright
1.5K views100 slides
Slow kinda sucks by
Slow kinda sucksSlow kinda sucks
Slow kinda sucksTim Wright
2.3K views97 slides
Mobile, Media & Touch by
Mobile, Media & TouchMobile, Media & Touch
Mobile, Media & TouchTim Wright
1.7K views41 slides
USC dot EDU: A Responsive Design Case Study by
USC dot EDU: A Responsive Design Case StudyUSC dot EDU: A Responsive Design Case Study
USC dot EDU: A Responsive Design Case StudyTim Wright
1.5K views7 slides

Viewers also liked(13)

Creating Contextual Applications with Maslow & The Device API by Tim Wright
Creating Contextual Applications with Maslow & The Device APICreating Contextual Applications with Maslow & The Device API
Creating Contextual Applications with Maslow & The Device API
Tim Wright1.5K views
Bringing Environmental Design to the Web by Tim Wright
Bringing Environmental Design to the WebBringing Environmental Design to the Web
Bringing Environmental Design to the Web
Tim Wright15.7K views
Implementing a Scalable Mobile Strategy by Tim Wright
Implementing a Scalable Mobile StrategyImplementing a Scalable Mobile Strategy
Implementing a Scalable Mobile Strategy
Tim Wright1.5K views
Slow kinda sucks by Tim Wright
Slow kinda sucksSlow kinda sucks
Slow kinda sucks
Tim Wright2.3K views
Mobile, Media & Touch by Tim Wright
Mobile, Media & TouchMobile, Media & Touch
Mobile, Media & Touch
Tim Wright1.7K views
USC dot EDU: A Responsive Design Case Study by Tim Wright
USC dot EDU: A Responsive Design Case StudyUSC dot EDU: A Responsive Design Case Study
USC dot EDU: A Responsive Design Case Study
Tim Wright1.5K views
Design process by Tim Wright
Design processDesign process
Design process
Tim Wright1.6K views
Native Device vs. Mobile Web Applications by Tim Wright
Native Device vs. Mobile Web ApplicationsNative Device vs. Mobile Web Applications
Native Device vs. Mobile Web Applications
Tim Wright4.6K views
Color & Typography by Tim Wright
Color & TypographyColor & Typography
Color & Typography
Tim Wright4.1K views
Building an Atomic Design System by Tim Wright
Building an Atomic Design SystemBuilding an Atomic Design System
Building an Atomic Design System
Tim Wright2K views
Form design by Tim Wright
Form designForm design
Form design
Tim Wright9.1K views
A Look at the Future of HTML5 by Tim Wright
A Look at the Future of HTML5A Look at the Future of HTML5
A Look at the Future of HTML5
Tim Wright10K views
HTML 5: The Future of the Web by Tim Wright
HTML 5: The Future of the WebHTML 5: The Future of the Web
HTML 5: The Future of the Web
Tim Wright3.8K views

Similar to Keys to Responsive Design

Keys to Responsive Design by
Keys to Responsive DesignKeys to Responsive Design
Keys to Responsive DesignIntelligent_ly
2.5K views62 slides
Design responsively by
Design responsivelyDesign responsively
Design responsivelyCélia Leocádio
77 views81 slides
Responsive Web Design - Web & PHP Conference - 2013-09-18 by
Responsive Web Design - Web & PHP Conference - 2013-09-18Responsive Web Design - Web & PHP Conference - 2013-09-18
Responsive Web Design - Web & PHP Conference - 2013-09-18Frédéric Harper
5.7K views50 slides
How to Project-Manage and Implement a Responsive Website by
How to Project-Manage and Implement a Responsive WebsiteHow to Project-Manage and Implement a Responsive Website
How to Project-Manage and Implement a Responsive WebsiteJj Jurgens
4.2K views56 slides
3 Ways to Go Mobile First with Responsive Design by
3 Ways to Go Mobile First with Responsive Design3 Ways to Go Mobile First with Responsive Design
3 Ways to Go Mobile First with Responsive DesignZURB
600 views70 slides
Responsive Design in iMIS Part 2 by
Responsive Design in iMIS Part 2Responsive Design in iMIS Part 2
Responsive Design in iMIS Part 2Andrea Robertson
1K views32 slides

Similar to Keys to Responsive Design(20)

Keys to Responsive Design by Intelligent_ly
Keys to Responsive DesignKeys to Responsive Design
Keys to Responsive Design
Intelligent_ly2.5K views
Responsive Web Design - Web & PHP Conference - 2013-09-18 by Frédéric Harper
Responsive Web Design - Web & PHP Conference - 2013-09-18Responsive Web Design - Web & PHP Conference - 2013-09-18
Responsive Web Design - Web & PHP Conference - 2013-09-18
Frédéric Harper5.7K views
How to Project-Manage and Implement a Responsive Website by Jj Jurgens
How to Project-Manage and Implement a Responsive WebsiteHow to Project-Manage and Implement a Responsive Website
How to Project-Manage and Implement a Responsive Website
Jj Jurgens4.2K views
3 Ways to Go Mobile First with Responsive Design by ZURB
3 Ways to Go Mobile First with Responsive Design3 Ways to Go Mobile First with Responsive Design
3 Ways to Go Mobile First with Responsive Design
ZURB600 views
Responsive Design Talk @ Toronto Dev Derby March by themystic_ca
Responsive Design Talk @ Toronto Dev Derby MarchResponsive Design Talk @ Toronto Dev Derby March
Responsive Design Talk @ Toronto Dev Derby March
themystic_ca478 views
Responsive Design Lessons by Daniel Naumann
Responsive Design LessonsResponsive Design Lessons
Responsive Design Lessons
Daniel Naumann1.4K views
Responsive web design ppt by NAWAZ KHAN
Responsive web design pptResponsive web design ppt
Responsive web design ppt
NAWAZ KHAN6.9K views
Progressive Enhancement by Dan Sagisser
Progressive EnhancementProgressive Enhancement
Progressive Enhancement
Dan Sagisser831 views
Responsive design lunch and learn by Ricardo Queiroz
Responsive design lunch and learnResponsive design lunch and learn
Responsive design lunch and learn
Ricardo Queiroz764 views
SEF 2014 - Responsive Design in SharePoint 2013 by Marc D Anderson
SEF 2014 - Responsive Design in SharePoint 2013SEF 2014 - Responsive Design in SharePoint 2013
SEF 2014 - Responsive Design in SharePoint 2013
Marc D Anderson935 views
Prairie Dev Con West - 2012-03-15 - Responsive Web Design by Frédéric Harper
Prairie Dev Con West - 2012-03-15 - Responsive Web DesignPrairie Dev Con West - 2012-03-15 - Responsive Web Design
Prairie Dev Con West - 2012-03-15 - Responsive Web Design
Frédéric Harper1.1K views
Sencha Roadshow 2017: Mobile First or Desktop First by Sencha
Sencha Roadshow 2017: Mobile First or Desktop FirstSencha Roadshow 2017: Mobile First or Desktop First
Sencha Roadshow 2017: Mobile First or Desktop First
Sencha570 views
Making Your Site Printable: Booster Conference by Adrian Roselli
Making Your Site Printable: Booster ConferenceMaking Your Site Printable: Booster Conference
Making Your Site Printable: Booster Conference
Adrian Roselli1.6K views
Get responsive in 30 minutes (WordCamp Sofia) by Nickolay Ninarski
Get responsive in 30 minutes (WordCamp Sofia)Get responsive in 30 minutes (WordCamp Sofia)
Get responsive in 30 minutes (WordCamp Sofia)
Nickolay Ninarski1.9K views
Building Responsive Websites with Drupal by Suzanne Dergacheva
Building Responsive Websites with DrupalBuilding Responsive Websites with Drupal
Building Responsive Websites with Drupal
Suzanne Dergacheva16.5K views
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012 by Suzanne Dergacheva
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
Suzanne Dergacheva2.2K views

Recently uploaded

Automating a World-Class Technology Conference; Behind the Scenes of CiscoLive by
Automating a World-Class Technology Conference; Behind the Scenes of CiscoLiveAutomating a World-Class Technology Conference; Behind the Scenes of CiscoLive
Automating a World-Class Technology Conference; Behind the Scenes of CiscoLiveNetwork Automation Forum
49 views35 slides
CloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlue by
CloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlueCloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlue
CloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlueShapeBlue
63 views15 slides
20231123_Camunda Meetup Vienna.pdf by
20231123_Camunda Meetup Vienna.pdf20231123_Camunda Meetup Vienna.pdf
20231123_Camunda Meetup Vienna.pdfPhactum Softwareentwicklung GmbH
49 views73 slides
Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda... by
Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda...Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda...
Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda...ShapeBlue
93 views13 slides
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue by
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlueWhat’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlueShapeBlue
191 views23 slides
Elevating Privacy and Security in CloudStack - Boris Stoyanov - ShapeBlue by
Elevating Privacy and Security in CloudStack - Boris Stoyanov - ShapeBlueElevating Privacy and Security in CloudStack - Boris Stoyanov - ShapeBlue
Elevating Privacy and Security in CloudStack - Boris Stoyanov - ShapeBlueShapeBlue
149 views7 slides

Recently uploaded(20)

Automating a World-Class Technology Conference; Behind the Scenes of CiscoLive by Network Automation Forum
Automating a World-Class Technology Conference; Behind the Scenes of CiscoLiveAutomating a World-Class Technology Conference; Behind the Scenes of CiscoLive
Automating a World-Class Technology Conference; Behind the Scenes of CiscoLive
CloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlue by ShapeBlue
CloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlueCloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlue
CloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlue
ShapeBlue63 views
Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda... by ShapeBlue
Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda...Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda...
Hypervisor Agnostic DRS in CloudStack - Brief overview & demo - Vishesh Jinda...
ShapeBlue93 views
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue by ShapeBlue
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlueWhat’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue
ShapeBlue191 views
Elevating Privacy and Security in CloudStack - Boris Stoyanov - ShapeBlue by ShapeBlue
Elevating Privacy and Security in CloudStack - Boris Stoyanov - ShapeBlueElevating Privacy and Security in CloudStack - Boris Stoyanov - ShapeBlue
Elevating Privacy and Security in CloudStack - Boris Stoyanov - ShapeBlue
ShapeBlue149 views
TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f... by TrustArc
TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f...TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f...
TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f...
TrustArc130 views
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT by ShapeBlue
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBITUpdates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT
ShapeBlue138 views
DRaaS using Snapshot copy and destination selection (DRaaS) - Alexandre Matti... by ShapeBlue
DRaaS using Snapshot copy and destination selection (DRaaS) - Alexandre Matti...DRaaS using Snapshot copy and destination selection (DRaaS) - Alexandre Matti...
DRaaS using Snapshot copy and destination selection (DRaaS) - Alexandre Matti...
ShapeBlue69 views
Igniting Next Level Productivity with AI-Infused Data Integration Workflows by Safe Software
Igniting Next Level Productivity with AI-Infused Data Integration Workflows Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Safe Software373 views
State of the Union - Rohit Yadav - Apache CloudStack by ShapeBlue
State of the Union - Rohit Yadav - Apache CloudStackState of the Union - Rohit Yadav - Apache CloudStack
State of the Union - Rohit Yadav - Apache CloudStack
ShapeBlue218 views
Backroll, News and Demo - Pierre Charton, Matthias Dhellin, Ousmane Diarra - ... by ShapeBlue
Backroll, News and Demo - Pierre Charton, Matthias Dhellin, Ousmane Diarra - ...Backroll, News and Demo - Pierre Charton, Matthias Dhellin, Ousmane Diarra - ...
Backroll, News and Demo - Pierre Charton, Matthias Dhellin, Ousmane Diarra - ...
ShapeBlue121 views
Developments to CloudStack’s SDN ecosystem: Integration with VMWare NSX 4 - P... by ShapeBlue
Developments to CloudStack’s SDN ecosystem: Integration with VMWare NSX 4 - P...Developments to CloudStack’s SDN ecosystem: Integration with VMWare NSX 4 - P...
Developments to CloudStack’s SDN ecosystem: Integration with VMWare NSX 4 - P...
ShapeBlue120 views
Setting Up Your First CloudStack Environment with Beginners Challenges - MD R... by ShapeBlue
Setting Up Your First CloudStack Environment with Beginners Challenges - MD R...Setting Up Your First CloudStack Environment with Beginners Challenges - MD R...
Setting Up Your First CloudStack Environment with Beginners Challenges - MD R...
ShapeBlue105 views
The Power of Heat Decarbonisation Plans in the Built Environment by IES VE
The Power of Heat Decarbonisation Plans in the Built EnvironmentThe Power of Heat Decarbonisation Plans in the Built Environment
The Power of Heat Decarbonisation Plans in the Built Environment
IES VE67 views
KVM Security Groups Under the Hood - Wido den Hollander - Your.Online by ShapeBlue
KVM Security Groups Under the Hood - Wido den Hollander - Your.OnlineKVM Security Groups Under the Hood - Wido den Hollander - Your.Online
KVM Security Groups Under the Hood - Wido den Hollander - Your.Online
ShapeBlue154 views

Keys to Responsive Design