Creating Living Style Guides to Improve Performance

Nicole Sullivan
Nicole SullivanPrincipal Software Engineer & Engineering Manager at Pivotal
CREATING LIVING STYLE
GUIDES
RefactoringTrulia’s UI with SASS, OOCSS, and handlebars
@stubbornella
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance
WHY DON’T THESE STYLE
GUIDES WORK?
❖ They take months to produce
❖ Often out of date before they are ever pdf’ed
❖ They are design centric and exclude engineering from the
equation
WE NEED TO KILL THAT
TYPE OF STYLE GUIDE
So a new, leaner, more effective version can emerge.
WE BELIEVE IN LIVING
STYLE GUIDES
WHAT IS A LIVING STYLE
GUIDE?
❖ Guide to existing site styles
❖ Lives in code, so it evolves with the site or app
❖ Collaboration tool for engineering and design teams to work
together
A GOOD STYLE GUIDE
LEADS TO:
❖ Better UI layer code
❖ More informed design choices
❖ A better performing site (we’ll show you how)
a collaboration
Creating Living Style Guides to Improve Performance
TRULIA CHOSE TO
CONVERT THEIR SRP
Mainly because it was already on the agenda for a redesign
REAL USER
MEASUREMENTS (RUM)
What matters to you?
THEIR NEW HTML IS 48%
SMALLER
21% FASTER LOAD TIME
60% FASTER TIME TO
FIRST BYTE
THEY REDUCED UNUSED
CSS BY 135KB
SRP PAGE VIEWS UP 11%
PDP PAGE VIEWS UP 3%
TRULIA ALSO CARES
ABOUT...
Click throughs, leads, customer satisfaction, and filter use. All of
those metrics also improved.
SO WHAT DOES THAT
HAVE TO DO WITH A
STYLE GUIDE?
YOUR CSS CAUSES LOTS
OF PERF ISSUES
❖ It blocks progressive rendering
❖ It pulls in background images
❖ It correlates directly to render speed
❖ It slows your javascript
❖ It causes janky scrolling and animations
A STYLE GUIDE CAN HELP
WHAT WE WANT IS THIS...
BUT WHAT WE HAVE IS
THIS...
styles duplicated over and over
ANALYZING DUPLICATION
Grep | CSS Lint | CSSCSS
ON THIS PROJECT WE
USED GREP
❖ Include all your most crufty CSS for best results.
❖ Grep for various selectors, properties, and values
❖ Don’t worry about perfect, we just need orders of magnitude
grep -r font-size . | wc -l
recursively current directory
send results count the lines
TRULIA DETAILS
h1-h6 564
font-size 2267
margin 3993
padding 4493
padding: 0 1214
margin: 0 1019
Lots of room for improvement!
TRULIA DETAILS
!important 495
color 3920
hex 6464
#fff 1297
total rules 16,225
background 4888
Unused CSS (home page) 186kb or 74%
Lots of room for improvement!
ANALYZING DESIGN
INCONSISTENCY
DESIGN INCONSISTENCY
DEMO TYPOGRAPHY TOOL
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance
USE HEURISTICS AND
COMMON SENSE
To reduce the total number of styles
BUTTONS
FOR EACH COMPONENT,
THREE OPTIONS:
Build!
Replace
{
1
2
3 Redesign
DO THIS FOR ALL
COMPONENT TYPES...
Try to find as many variations as you can
DEMO THE STYLE GUIDE
HOW DO WE BUILD A
COMPONENT?
COMPONENT STRUCTURE
Keep component files self-contained
WE KEEP ALL
COMPONENTS
TOGETHER
Independent of the apps
views
CREATE SMALL FILES
❖ Less merge conflicts
❖ Easier to include/exclude a
component
SOME COMPONENTS
HAVE ASSOCIATED JS
❖ We keep all the parts of a
component together
❖ Scripts, Sass, docs, partials,
skins, and init functionality
HOW WE COMPILE
OUR COMPONENTS
❖ JSON file that references components (we don’t love this bit)
❖ @import component Sass files
❖ Watchers set up to automatically build all the docs whenever
the handlebars, Sass, or JavaScript are saved
WE’LL FOCUS ON THE
SASS
You are probably comfortable with templating, watchers, build
processes, so we’ll focus on building our styles effectively.
the ubiquitous gray box
LET’S MAKE A GRAY
ROUNDED CORNER BOX
MY BOX NEEDS CLEARFIX
so let’s create a mixin and see how it affects the output.
@include
WHAT DO MIXINS DO TO
THE OUTPUT?
Property value pairs are copied throughout the stylesheet
@mixin	
  clearfix-­‐overflow	
  {	
  
	
   overflow:hidden;	
  
	
  	
  *overflow:visible;	
  
	
  	
  zoom:1;
}
.myCoolThing	
  {
	
  	
  @include	
  clearfix-­‐overflow;
}
This:
PROPERTY VALUE PAIRS
ARE COPIED:
.myCoolThing	
  {
	
  	
  overflow:hidden;	
  
	
  	
  *overflow:visible;	
  
	
  	
  zoom:1;
}
Becomes:
IF YOU’VE USED IT MORE
THAN ONCE:
.myCoolThing	
  {
	
  	
  overflow:hidden;	
  
	
  	
  *overflow:visible;	
  
	
  	
  zoom:1;
}
.myCoolThing2	
  {
	
  	
  overflow:hidden;	
  
	
  	
  *overflow:visible;	
  
	
  	
  zoom:1;
}
.myCoolThing3	
  {
	
  	
  overflow:hidden;	
  
	
  	
  *overflow:visible;	
  
	
  	
  zoom:1;
}
.myCoolThing4	
  {
	
  	
  overflow:hidden;	
  
	
  	
  *overflow:visible;	
  
	
  	
  zoom:1;
}
NEXT, I TRIED TO
MAKE TABS
In the OOCSS world, tabs are just a fancy kind of box.
HERE, WE TELL SASS TABS
ARE A BOX:
HERE, WE TELL SASS TABS
ARE A BOX:
OMG! OUTPUT IS BAD!
OMG! OUTPUT IS BAD!
notice line numbers and file name
OH SO TEMPTING...
to make the SASS nesting match the html nesting!
It feels so good!
THE INCEPTION RULE:
Never go more than three levels deep
SO HOW DO WE USE SASS
and also have good architecture?
BUILD SIMPLE
COMPONENTS FIRST
as they often get used in complex ones
VARIABLES
VARIABLES
TYPOGRAPHY
TYPOGRAPHY
HARD TO CALCULATE?
CREATE HELPERS
@mobywhale
EASY TO SEE WHAT THESE
VARIABLES DO
LISTS
LINKS
A HANDLEBARS FILE PER
COMPONENT
Creating Living Style Guides to Improve Performance
3 LAYOUT MECHANISMS
GRIDS
Creating Living Style Guides to Improve Performance
GRIDS VARIABLES
MEDIA BLOCK
INLINE LIST
MAKE IT EASIER TO DO
THE RIGHT THING THAN
THE WRONG THING
People will have a tendency to go back to “views” based CSS,
unless they have been shown another way
TAKE AWAYS:
❖ This was clearly a group effort, these metrics improved
because of design, style guide, Sass, UI layer improvements, and
server side cleanup
❖ Sass can be made to be performant when effectively
combined with OOCSS for architecture and styleguides for
organization
❖ Most importantly, the team is enjoying working on the UI
code.They feel ownership, and want to improve it.
❖ Good performance is a feature!
GET THE CODE:
https://github.com/stubbornella/oocss
THANK YOU!
@stubbornella
https://github.com/stubbornella/oocss
1 of 83

Recommended

Style Guides Are The New Photoshop (Fronteers 2012) by
Style Guides Are The New Photoshop (Fronteers 2012)Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)Stephen Hay
44.5K views52 slides
Brad frost: Atomic design (Webdagene 2014) by
Brad frost: Atomic design (Webdagene 2014)Brad frost: Atomic design (Webdagene 2014)
Brad frost: Atomic design (Webdagene 2014)webdagene
8.4K views164 slides
Style Guide Best Practices by
Style Guide Best PracticesStyle Guide Best Practices
Style Guide Best PracticesBrad Frost
106.4K views252 slides
Responsive Design Workflow (Breaking Development Conference 2012 Orlando) by
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Stephen Hay
42.2K views76 slides
Atomic Design - An Event Apart San Diego by
Atomic Design - An Event Apart San DiegoAtomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San DiegoBrad Frost
58.4K views181 slides
Atomic Design con Pattern Lab by
Atomic Design con Pattern LabAtomic Design con Pattern Lab
Atomic Design con Pattern LabMauricio Angulo Sillas
1.1K views73 slides

More Related Content

What's hot

Atomic design, a problem of expectations by
Atomic design, a problem of expectationsAtomic design, a problem of expectations
Atomic design, a problem of expectationsFrancesco Improta
2K views152 slides
Use atomic design ftw by
Use atomic design ftwUse atomic design ftw
Use atomic design ftwGiantJohnPepper
478 views52 slides
MIMA 2014 - Changing your Responsive Design Workflow by
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workfloweaselsolutions
1.3K views44 slides
React Storybook, Atomic Design, and ITCSS by
React Storybook, Atomic Design, and ITCSSReact Storybook, Atomic Design, and ITCSS
React Storybook, Atomic Design, and ITCSSTrevor Pierce
2.6K views38 slides
Atomic Design by
Atomic Design Atomic Design
Atomic Design Rey Mayson
357 views41 slides
Creating Style Guides with Modularity in Mind by
Creating Style Guides with Modularity in MindCreating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in MindNadya Rodionenko
1.6K views17 slides

What's hot(20)

MIMA 2014 - Changing your Responsive Design Workflow by easelsolutions
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workflow
easelsolutions1.3K views
React Storybook, Atomic Design, and ITCSS by Trevor Pierce
React Storybook, Atomic Design, and ITCSSReact Storybook, Atomic Design, and ITCSS
React Storybook, Atomic Design, and ITCSS
Trevor Pierce2.6K views
Atomic Design by Rey Mayson
Atomic Design Atomic Design
Atomic Design
Rey Mayson357 views
Creating Style Guides with Modularity in Mind by Nadya Rodionenko
Creating Style Guides with Modularity in MindCreating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in Mind
Nadya Rodionenko1.6K views
Atomic Design - BDConf Nashville, 2013 by Brad Frost
Atomic Design - BDConf Nashville, 2013Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Brad Frost50.7K views
Adventures in Atomic Design by Andrew Jones
Adventures in Atomic DesignAdventures in Atomic Design
Adventures in Atomic Design
Andrew Jones1.2K views
Atomic design React Nova Presentation by Steve Zyglowicz
Atomic design React Nova PresentationAtomic design React Nova Presentation
Atomic design React Nova Presentation
Steve Zyglowicz544 views
An introduction to Emulsify by valuebound
An introduction to EmulsifyAn introduction to Emulsify
An introduction to Emulsify
valuebound5.7K views
Better. Faster. UXier. — AToMIC Design by jennifer gergen
Better. Faster. UXier. — AToMIC DesignBetter. Faster. UXier. — AToMIC Design
Better. Faster. UXier. — AToMIC Design
jennifer gergen6K views
Looking for a place to hang my helmet by Brad Frost
Looking for a place to hang my helmetLooking for a place to hang my helmet
Looking for a place to hang my helmet
Brad Frost20.6K views
Beyond Squishy: The Principles of Adaptive Design by Brad Frost
Beyond Squishy: The Principles of Adaptive DesignBeyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive Design
Brad Frost116.7K views
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a... by Jer Clarke
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...
Jer Clarke91.6K views
Style Guides, Pattern Libraries, Design Systems and other amenities. by Cristiano Rastelli
 Style Guides, Pattern Libraries, Design Systems and other amenities. Style Guides, Pattern Libraries, Design Systems and other amenities.
Style Guides, Pattern Libraries, Design Systems and other amenities.
Cristiano Rastelli1.1K views
So…What Do I Make? (Dan Mall) by Future Insights
So…What Do I Make? (Dan Mall)So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)
Future Insights7.3K views
Atomic Design Presentation for Polaris Industries by Alfonso Moreno
Atomic Design Presentation for Polaris IndustriesAtomic Design Presentation for Polaris Industries
Atomic Design Presentation for Polaris Industries
Alfonso Moreno58K views

Viewers also liked

Object Oriented CSS by
Object Oriented CSSObject Oriented CSS
Object Oriented CSSNicole Sullivan
283.2K views64 slides
Our Best Practices Are Killing Us by
Our Best Practices Are Killing UsOur Best Practices Are Killing Us
Our Best Practices Are Killing UsNicole Sullivan
175.5K views111 slides
Building the Media Block in ReactJS by
Building the Media Block in ReactJS Building the Media Block in ReactJS
Building the Media Block in ReactJS Nicole Sullivan
8.5K views107 slides
Efficient, maintainable CSS by
Efficient, maintainable CSSEfficient, maintainable CSS
Efficient, maintainable CSSRuss Weakley
41.3K views24 slides
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ... by
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective,  Ajax ...The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective,  Ajax ...
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...Nicole Sullivan
11.6K views153 slides
Design Pattern Libraries by
Design Pattern LibrariesDesign Pattern Libraries
Design Pattern LibrariesBrian Peppler
18.3K views46 slides

Viewers also liked(20)

Our Best Practices Are Killing Us by Nicole Sullivan
Our Best Practices Are Killing UsOur Best Practices Are Killing Us
Our Best Practices Are Killing Us
Nicole Sullivan175.5K views
Building the Media Block in ReactJS by Nicole Sullivan
Building the Media Block in ReactJS Building the Media Block in ReactJS
Building the Media Block in ReactJS
Nicole Sullivan8.5K views
Efficient, maintainable CSS by Russ Weakley
Efficient, maintainable CSSEfficient, maintainable CSS
Efficient, maintainable CSS
Russ Weakley41.3K views
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ... by Nicole Sullivan
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective,  Ajax ...The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective,  Ajax ...
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...
Nicole Sullivan11.6K views
Design Pattern Libraries by Brian Peppler
Design Pattern LibrariesDesign Pattern Libraries
Design Pattern Libraries
Brian Peppler18.3K views
Style Guides in the Wild by Matthew Bee
Style Guides in the WildStyle Guides in the Wild
Style Guides in the Wild
Matthew Bee1.3K views
Building & Maintaining A Living Style Guide for a Post Apocalyptic Web by mjovel
 Building & Maintaining A Living Style Guide for a Post Apocalyptic Web Building & Maintaining A Living Style Guide for a Post Apocalyptic Web
Building & Maintaining A Living Style Guide for a Post Apocalyptic Web
mjovel482 views
How UI Framework improves design process by Marian Mota
How UI Framework improves design processHow UI Framework improves design process
How UI Framework improves design process
Marian Mota3.8K views
Simplifying Massive Changes with a Live Style Guide by Mark Meeker
Simplifying Massive Changes with a Live Style GuideSimplifying Massive Changes with a Live Style Guide
Simplifying Massive Changes with a Live Style Guide
Mark Meeker2.6K views
An IDE-Based Context-Aware Meta Search Engine by Masud Rahman
An IDE-Based Context-Aware Meta Search EngineAn IDE-Based Context-Aware Meta Search Engine
An IDE-Based Context-Aware Meta Search Engine
Masud Rahman1.2K views
The Living Style Guide: How CustomInk created a their new ux lead style guide by Dara Pressley
The Living Style Guide: How CustomInk created a their new ux lead style guideThe Living Style Guide: How CustomInk created a their new ux lead style guide
The Living Style Guide: How CustomInk created a their new ux lead style guide
Dara Pressley2.1K views
React Component Library Design @WalmartLabs by chaseadamsio
React Component Library Design @WalmartLabsReact Component Library Design @WalmartLabs
React Component Library Design @WalmartLabs
chaseadamsio1.6K views
Agile UX MeetUp Group, Live Style Guide Presentation by Case Commons
Agile UX MeetUp Group, Live Style Guide Presentation Agile UX MeetUp Group, Live Style Guide Presentation
Agile UX MeetUp Group, Live Style Guide Presentation
Case Commons2.8K views

Similar to Creating Living Style Guides to Improve Performance

Going responsive by
Going responsiveGoing responsive
Going responsiveRobert Cochran
899 views114 slides
Faking a Grid - Franco Alvarado (Macmillan Learning), Betsy Granger (Macmilla... by
Faking a Grid - Franco Alvarado (Macmillan Learning), Betsy Granger (Macmilla...Faking a Grid - Franco Alvarado (Macmillan Learning), Betsy Granger (Macmilla...
Faking a Grid - Franco Alvarado (Macmillan Learning), Betsy Granger (Macmilla...BookNet Canada
141 views42 slides
The Fast And The Fabulous by
The Fast And The FabulousThe Fast And The Fabulous
The Fast And The FabulousNicole Sullivan
59.3K views124 slides
4. Web Technology CSS Basics-1 by
4. Web Technology CSS Basics-14. Web Technology CSS Basics-1
4. Web Technology CSS Basics-1Jyoti Yadav
43 views64 slides
Reworking our-workflows by
Reworking our-workflowsReworking our-workflows
Reworking our-workflowsnolly00
420 views52 slides
A forest of designs without subthemes by
A forest of designs without subthemesA forest of designs without subthemes
A forest of designs without subthemesHeather Brooke Drummond
247 views94 slides

Similar to Creating Living Style Guides to Improve Performance(20)

Faking a Grid - Franco Alvarado (Macmillan Learning), Betsy Granger (Macmilla... by BookNet Canada
Faking a Grid - Franco Alvarado (Macmillan Learning), Betsy Granger (Macmilla...Faking a Grid - Franco Alvarado (Macmillan Learning), Betsy Granger (Macmilla...
Faking a Grid - Franco Alvarado (Macmillan Learning), Betsy Granger (Macmilla...
BookNet Canada141 views
4. Web Technology CSS Basics-1 by Jyoti Yadav
4. Web Technology CSS Basics-14. Web Technology CSS Basics-1
4. Web Technology CSS Basics-1
Jyoti Yadav43 views
Reworking our-workflows by nolly00
Reworking our-workflowsReworking our-workflows
Reworking our-workflows
nolly00420 views
Future Friendly Style Guides by Luke Brooker
Future Friendly Style GuidesFuture Friendly Style Guides
Future Friendly Style Guides
Luke Brooker2.4K views
What is-sass-by-lucas-castro by Lucas Castro
What is-sass-by-lucas-castroWhat is-sass-by-lucas-castro
What is-sass-by-lucas-castro
Lucas Castro526 views
Css to-scss by frontendne
Css to-scssCss to-scss
Css to-scss
frontendne1.1K views
Sass: The Future of Stylesheets by chriseppstein
Sass: The Future of StylesheetsSass: The Future of Stylesheets
Sass: The Future of Stylesheets
chriseppstein36.2K views
Advanced sass/compass by Nick Cooley
Advanced sass/compassAdvanced sass/compass
Advanced sass/compass
Nick Cooley6.1K views
6 Steps to Make Your CSS Code More Maintainable by 10Clouds
6 Steps to Make Your CSS Code More Maintainable6 Steps to Make Your CSS Code More Maintainable
6 Steps to Make Your CSS Code More Maintainable
10Clouds7.8K views
SASS - Syntactically Awesome Stylesheet by Neha Sharma
SASS - Syntactically Awesome StylesheetSASS - Syntactically Awesome Stylesheet
SASS - Syntactically Awesome Stylesheet
Neha Sharma1.2K views
CSS3 and a brief introduction to Google Maps API v3 by Jeffrey Barke
CSS3 and a brief introduction to Google Maps API v3 CSS3 and a brief introduction to Google Maps API v3
CSS3 and a brief introduction to Google Maps API v3
Jeffrey Barke1.2K views
WordCamp NYC - DRY CSS by Jer Clarke
WordCamp NYC - DRY CSSWordCamp NYC - DRY CSS
WordCamp NYC - DRY CSS
Jer Clarke3.9K views
Rh10 css presentation by Neil Perlin
Rh10 css presentationRh10 css presentation
Rh10 css presentation
Neil Perlin987 views
Rh10 css presentation by Neil Perlin
Rh10 css presentationRh10 css presentation
Rh10 css presentation
Neil Perlin692 views

More from Nicole Sullivan

CSS Power Tools by
CSS Power ToolsCSS Power Tools
CSS Power ToolsNicole Sullivan
8.7K views68 slides
5 Mistakes of Massive CSS by
5 Mistakes of Massive CSS5 Mistakes of Massive CSS
5 Mistakes of Massive CSSNicole Sullivan
63K views92 slides
CSS Wish List @JSConf by
CSS Wish List @JSConfCSS Wish List @JSConf
CSS Wish List @JSConfNicole Sullivan
5K views36 slides
Pourquoi la performance? by
Pourquoi la performance?Pourquoi la performance?
Pourquoi la performance?Nicole Sullivan
4K views154 slides
7 Habits of Exceptional Performance by
7 Habits of Exceptional Performance7 Habits of Exceptional Performance
7 Habits of Exceptional PerformanceNicole Sullivan
2.8K views72 slides
After YSlow "A" by
After YSlow "A"After YSlow "A"
After YSlow "A"Nicole Sullivan
3.3K views47 slides

More from Nicole Sullivan(6)

Recently uploaded

virtual reality.pptx by
virtual reality.pptxvirtual reality.pptx
virtual reality.pptxG036GaikwadSnehal
11 views15 slides
Special_edition_innovator_2023.pdf by
Special_edition_innovator_2023.pdfSpecial_edition_innovator_2023.pdf
Special_edition_innovator_2023.pdfWillDavies22
17 views6 slides
Vertical User Stories by
Vertical User StoriesVertical User Stories
Vertical User StoriesMoisés Armani Ramírez
12 views16 slides
20231123_Camunda Meetup Vienna.pdf by
20231123_Camunda Meetup Vienna.pdf20231123_Camunda Meetup Vienna.pdf
20231123_Camunda Meetup Vienna.pdfPhactum Softwareentwicklung GmbH
33 views73 slides
GDG Cloud Southlake 28 Brad Taylor and Shawn Augenstein Old Problems in the N... by
GDG Cloud Southlake 28 Brad Taylor and Shawn Augenstein Old Problems in the N...GDG Cloud Southlake 28 Brad Taylor and Shawn Augenstein Old Problems in the N...
GDG Cloud Southlake 28 Brad Taylor and Shawn Augenstein Old Problems in the N...James Anderson
66 views32 slides
Attacking IoT Devices from a Web Perspective - Linux Day by
Attacking IoT Devices from a Web Perspective - Linux Day Attacking IoT Devices from a Web Perspective - Linux Day
Attacking IoT Devices from a Web Perspective - Linux Day Simone Onofri
15 views68 slides

Recently uploaded(20)

Special_edition_innovator_2023.pdf by WillDavies22
Special_edition_innovator_2023.pdfSpecial_edition_innovator_2023.pdf
Special_edition_innovator_2023.pdf
WillDavies2217 views
GDG Cloud Southlake 28 Brad Taylor and Shawn Augenstein Old Problems in the N... by James Anderson
GDG Cloud Southlake 28 Brad Taylor and Shawn Augenstein Old Problems in the N...GDG Cloud Southlake 28 Brad Taylor and Shawn Augenstein Old Problems in the N...
GDG Cloud Southlake 28 Brad Taylor and Shawn Augenstein Old Problems in the N...
James Anderson66 views
Attacking IoT Devices from a Web Perspective - Linux Day by Simone Onofri
Attacking IoT Devices from a Web Perspective - Linux Day Attacking IoT Devices from a Web Perspective - Linux Day
Attacking IoT Devices from a Web Perspective - Linux Day
Simone Onofri15 views
STPI OctaNE CoE Brochure.pdf by madhurjyapb
STPI OctaNE CoE Brochure.pdfSTPI OctaNE CoE Brochure.pdf
STPI OctaNE CoE Brochure.pdf
madhurjyapb13 views
Perth MeetUp November 2023 by Michael Price
Perth MeetUp November 2023 Perth MeetUp November 2023
Perth MeetUp November 2023
Michael Price19 views
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
Black and White Modern Science Presentation.pptx by maryamkhalid2916
Black and White Modern Science Presentation.pptxBlack and White Modern Science Presentation.pptx
Black and White Modern Science Presentation.pptx
maryamkhalid291616 views
Five Things You SHOULD Know About Postman by Postman
Five Things You SHOULD Know About PostmanFive Things You SHOULD Know About Postman
Five Things You SHOULD Know About Postman
Postman30 views
SAP Automation Using Bar Code and FIORI.pdf by Virendra Rai, PMP
SAP Automation Using Bar Code and FIORI.pdfSAP Automation Using Bar Code and FIORI.pdf
SAP Automation Using Bar Code and FIORI.pdf
6g - REPORT.pdf by Liveplex
6g - REPORT.pdf6g - REPORT.pdf
6g - REPORT.pdf
Liveplex10 views
handbook for web 3 adoption.pdf by Liveplex
handbook for web 3 adoption.pdfhandbook for web 3 adoption.pdf
handbook for web 3 adoption.pdf
Liveplex22 views

Creating Living Style Guides to Improve Performance