SlideShare a Scribd company logo
1 of 133
Download to read offline
SARA CANNON HTTP://RAN.GE
Smart
Design
Sara Cannon
Partner / Creative Director
at Range http://ran.ge
@saracannon
!
slideshare.net/saracannon
Design Styles
& Trends
Skeuomorphic
Smart Design
Smart Design
Smart Design
Smart Design
Smart Design
Smart Design
Smart Design
synth76.com
Flat Design
Hyperlink
Button
Clippy Calendar by
Ricardo Carlet
Smart Design
Smart Design
Smart Design
Smart Design
http://sachagreif.com/flat-pixels
Skeuoflat
Eyedrop.me
Smart Design
Smart Design
Smart Design
Smart Design
What Is Smart
Design?
Mobile First
Fast
Speed
!
Awesome
V.S.
CONNECTIONSPEED
IMAGE SIZE
Informed
User
Experience
UX
Analytics
Smart Design
Smart Design
Smart Design
User
Experience
Testing
usertesting.com
silverbackapp.com
Content
Curation
as UX
Wait, where are the menus? vox.com
mashable.com
A/B Testing
optimizely.com
optimizely.com
Smart Design
Refined
Touch &
Gestures
Smart Design
How Is It Held?
image via http://thetechblock.com/visual-language-designing-for-touch
Smart Design
http://maniacdev.com/2012/05/
open-source-library-for-easy-
clear-app-style-and-more-
folding-transitions-between-
any-uiviews/
http://
markpospesel.wordpress.com/
2012/05/10/anatomy-of-a-
folding-animation/
Smart Design
Smart Design
Smart Design
Motion As
Refinement
Medium.Com/Design-Ux/926Eb80D64E3
Pasquale D’silva
Smart Design
Smart Design
Smart Design
Iconfonts
Licensing
make.wordpress.org/themes/guidelines/
guidelines-resources
GPL

SIL

Open Font License
Creative
Commons

Smart Design
Smart Design
css-tricks.com/examples/IconFont
Genericons
genericons.com
GPL
Smart Design
Smart Design
Smart Design
content: 'f400';	
!
!
<div class="genericon genericon-search">	
</div>
CSS
!
HTML
function twentythirteen_scripts_styles() {	
...	
// Add Genericons font, used in the main stylesheet.	
wp_enqueue_style( 'genericons', get_template_directory_uri() . 

'/fonts/genericons.css', array('genericons'), '2.09' );	
...	
}	
add_action( 'wp_enqueue_scripts', 'twentythirteen_scripts_styles' );
functions.php
.tags-links a:first-child:before {	
	 content: "f302";	
	 position: relative;	
	 top: -1px;	
}
style.css
function twentythirteen_entry_meta() {	
....	
	 $tag_list = get_the_tag_list( '', __( ', ', 'twentythirteen' ) );	
	 if ( $tag_list ) {	
	 	 echo '<span class="tags-links">' . $tag_list . '</span>';	
	 }	
...
function.php
@font-face {	
	 font-family: 'genericons';	
	 src: url('../fonts/genericons.eot');	
}
style.css
@font-face {	
font-family: 'Genericons';	
src: url('font/genericons-regular-webfont.eot');	
src: url('font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),	
url('font/genericons-regular-webfont.woff') format('woff'),	
url('font/genericons-regular-webfont.ttf') format('truetype'),	
url('font/genericons-regular-webfont.svg#genericonsregular') format('svg');	
font-weight: normal;	
font-style: normal;	
}
style.css
<link href="path/to/genericons.css" rel="stylesheet">
header.php
function twentythirteen_scripts_styles() {	
...	
// Add Genericons font, used in the main stylesheet.	
wp_enqueue_style( 'genericons', get_template_directory_uri() . 

'/fonts/genericons.css', array(), '2.09' );	
...	
}	
add_action( 'wp_enqueue_scripts', 'twentythirteen_scripts_styles' );
functions.php
Smart Design
Smart Design
Font
Awesome
SIL
fontawesome.io
Smart Design
Smart Design
CSS
!
HTML
content: 'f400';	
!
!
<i class="icon-search"></i>
function twentythirteen_scripts_styles() {	
...	
// Add Genericons font, used in the main stylesheet.	
wp_enqueue_style( 'fontawesome', get_template_directory_uri() . 

'path/to/font-awesome/css/font-awesome.min.css', array(), '2.09' );	
...	
}	
add_action( 'wp_enqueue_scripts', 'twentythirteen_scripts_styles' );
functions.php
.icon-search:before {	
content: "f002";	
}
style.css
wordpress.org/plugins/font-awesome
Raphaël
Icon-Set
icons.marekventur.de
MIT
Smart Design
Elusive Icons
shoestrap.org/downloads/elusive-
icons-webfont
GPL
Smart Design
Sociocons
rohitink.com/sociocons/
GPL
Smart Design
webdesignerdepot.com/
2012/01/how-to-make-your-own-
icon-webfont/
inkscape.org
Font
Generators
Fontastic.Me
Smart Design
Smart Design
Smart Design
Icon Moon
icomoon.io
Smart Design
Smart Design
We Love Icon
Fonts.Com
free and open source
Smart Design
Smart Design
Fontello
fontello.com
Smart Design
SVG
Scalable Vector Graphics
Smart Design
1 KB5 KB
<?xml version="1.0" encoding="utf-8"?>	
<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->	
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">	
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"	
	 width="249.994px" height="141.198px" viewBox="125.209 169.552 249.994 141.198"	
	 enable-background="new 125.209 169.552 249.994 141.198" xml:space="preserve">	
<g>	
	 <path fill="#101010" d="M185.807,169.552v28.799l-12.4-0.2l20.6,80.799l22.2-80.799l-12.399,0.2v-28.799h55.599v28.799l-9.6-0.2	
	 	 l-34.6,112.598h-45.799l-35.399-112.598l-8.8,0.2v-28.799H185.807z"/>	
	 <path fill="#FF0013" d="M258.404,310.75v-28.8l12.601,0.2v-84l-12.601,0.2v-28.799h61.601c16.399,0.4,36.999,1,46.199,18	
	 	
c4.601,8.4,5,16.6,5,19.8c0,2.4,0,7.8-2.601,13.6c-4.201,9.6-11.601,13.4-20.601,17.8c7,2,13,4,18,9.6c3.399,3.6,9.2,12.6,9.2,25.6	
	 	 c0,11.999-5.2,22.601-15.2,29.397c-11,7.2-24.198,7.2-36.601,7.4H258.404L258.404,310.75z M307.805,226.351	
	 	 c7.801,0,12.801,0.2,16-0.6c6.801-1.8,10.6-7.2,10.6-13.8c0-1.6,0-5.6-2.799-9.2c-4.4-6.2-10.801-5.4-23.801-5.6V226.351	
	 	 L307.805,226.351z M307.805,281.95c12.399,0,20.199,0.601,25-2.8c4.6-3.199,4.6-9.4,4.6-10.801c0-4.8-1.6-7.6-2.6-9.199	
	 	 c-4.199-5.601-10.199-5.799-16.601-5.799h-10.399V281.95z"/>	
</g>	
</svg>	
vblogo.svg
jQuery( function($) {	
	 var supportsSVG = false;	
	 try {	
	 	 var svg = document.createElementNS("http://
	 	 www.w3.org/2000/svg",'svg');	
	 	 supportsSVG = typeof svg.createSVGPoint ==
'function';	
	 } catch(e){}	
	 if ( ! supportsSVG )	
	 	 $( 'body' ).addClass( 'nosvg' );	
} );
SVG Graceful Degradation JQuery
#site-title {	
	 background-image: url(../images/logo.svg);	
}	
!
.nosvg #site-title {	
	 background-image: url(../images/logo.png);	
}	
SVG Graceful Degradation CSS
Smart Design
SVG
x2 .png
low res x2 .jpg
14kb
13kb
12kb
gabbyhome.com/contact-us
Noun
Project
thenounproject.com
Smart Design
Smart Design
Icon Fonts
v.s.
SVG
ianfeather.co.uk/ten-reasons-we-
switched-from-an-icon-font-to-svg
Icon
Fonts
!
!
SVG
Browser
Support
Color
Variations
v.s.
Smart Design
Stackicons
stackicons.com
janky
?!
Smart Design
Smart Design
Smart Design
css-tricks.com/svg-sprites-use-better-
icon-fonts
Our work is never over.“
- DAFT PUNK

More Related Content

What's hot

Jws masterclass progressive web apps
Jws masterclass progressive web appsJws masterclass progressive web apps
Jws masterclass progressive web appsAlexandre Marreiros
 
Bruce Lawson: Progressive Web Apps: the future of Apps
Bruce Lawson: Progressive Web Apps: the future of AppsBruce Lawson: Progressive Web Apps: the future of Apps
Bruce Lawson: Progressive Web Apps: the future of Appsbrucelawson
 
Build 2017 - B8100 - What's new and coming for Windows UI: XAML and composition
Build 2017 - B8100 - What's new and coming for Windows UI: XAML and compositionBuild 2017 - B8100 - What's new and coming for Windows UI: XAML and composition
Build 2017 - B8100 - What's new and coming for Windows UI: XAML and compositionWindows Developer
 
Fragmented Web Design
Fragmented Web DesignFragmented Web Design
Fragmented Web DesignMatthias Lau
 
Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center Christian Heilmann
 
Choosing the Right Mobile Development Platform (Part 2)
Choosing the Right Mobile Development Platform (Part 2)Choosing the Right Mobile Development Platform (Part 2)
Choosing the Right Mobile Development Platform (Part 2)Chris Griffith
 
Progressive web apps
 Progressive web apps Progressive web apps
Progressive web appsNeha Sharma
 
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...Robert Nyman
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web AppsJana Moudrá
 
The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...Robert Nyman
 
Wai Aria - An Intro
Wai Aria - An IntroWai Aria - An Intro
Wai Aria - An IntroMatt Machell
 
Integrating Web Apps with Canvas - Salesforce1 World Tour
Integrating Web Apps with Canvas - Salesforce1 World TourIntegrating Web Apps with Canvas - Salesforce1 World Tour
Integrating Web Apps with Canvas - Salesforce1 World TourRichard Donkin
 
Piecing Together Azure App Service
Piecing Together Azure App ServicePiecing Together Azure App Service
Piecing Together Azure App ServiceNorseDisc
 
Making money with Phonegap and Angular apps
Making money with Phonegap and Angular appsMaking money with Phonegap and Angular apps
Making money with Phonegap and Angular appsDemian Borba
 
UX Super Powers with #ProjectComet
UX Super Powers with #ProjectCometUX Super Powers with #ProjectComet
UX Super Powers with #ProjectCometDemian Borba
 
Responsive Web Design with Visualforce
Responsive Web Design with VisualforceResponsive Web Design with Visualforce
Responsive Web Design with VisualforceKeir Bowden
 
Progressive Web Apps - Overview & Getting Started
Progressive Web Apps - Overview & Getting StartedProgressive Web Apps - Overview & Getting Started
Progressive Web Apps - Overview & Getting StartedGaurav Behere
 

What's hot (20)

Jws masterclass progressive web apps
Jws masterclass progressive web appsJws masterclass progressive web apps
Jws masterclass progressive web apps
 
Ashoka-Profile
Ashoka-ProfileAshoka-Profile
Ashoka-Profile
 
Progressive Web Apps are here!
Progressive Web Apps are here!Progressive Web Apps are here!
Progressive Web Apps are here!
 
Bruce Lawson: Progressive Web Apps: the future of Apps
Bruce Lawson: Progressive Web Apps: the future of AppsBruce Lawson: Progressive Web Apps: the future of Apps
Bruce Lawson: Progressive Web Apps: the future of Apps
 
Build 2017 - B8100 - What's new and coming for Windows UI: XAML and composition
Build 2017 - B8100 - What's new and coming for Windows UI: XAML and compositionBuild 2017 - B8100 - What's new and coming for Windows UI: XAML and composition
Build 2017 - B8100 - What's new and coming for Windows UI: XAML and composition
 
Fragmented Web Design
Fragmented Web DesignFragmented Web Design
Fragmented Web Design
 
Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center
 
Choosing the Right Mobile Development Platform (Part 2)
Choosing the Right Mobile Development Platform (Part 2)Choosing the Right Mobile Development Platform (Part 2)
Choosing the Right Mobile Development Platform (Part 2)
 
Progressive web apps
 Progressive web apps Progressive web apps
Progressive web apps
 
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...The web - What it has, what it lacks and where it must go - keynote at Riga D...
The web - What it has, what it lacks and where it must go - keynote at Riga D...
 
Wai Aria - An Intro
Wai Aria - An IntroWai Aria - An Intro
Wai Aria - An Intro
 
Integrating Web Apps with Canvas - Salesforce1 World Tour
Integrating Web Apps with Canvas - Salesforce1 World TourIntegrating Web Apps with Canvas - Salesforce1 World Tour
Integrating Web Apps with Canvas - Salesforce1 World Tour
 
Piecing Together Azure App Service
Piecing Together Azure App ServicePiecing Together Azure App Service
Piecing Together Azure App Service
 
Making money with Phonegap and Angular apps
Making money with Phonegap and Angular appsMaking money with Phonegap and Angular apps
Making money with Phonegap and Angular apps
 
UX Super Powers with #ProjectComet
UX Super Powers with #ProjectCometUX Super Powers with #ProjectComet
UX Super Powers with #ProjectComet
 
Responsive Web Design with Visualforce
Responsive Web Design with VisualforceResponsive Web Design with Visualforce
Responsive Web Design with Visualforce
 
Progressive Web Apps - Overview & Getting Started
Progressive Web Apps - Overview & Getting StartedProgressive Web Apps - Overview & Getting Started
Progressive Web Apps - Overview & Getting Started
 

Viewers also liked

Isa-sachin-upstream-onshore.ppt
Isa-sachin-upstream-onshore.pptIsa-sachin-upstream-onshore.ppt
Isa-sachin-upstream-onshore.pptSachin Rasane
 
US Department of Energy FY2014 Proposed Budget
US Department of Energy FY2014 Proposed BudgetUS Department of Energy FY2014 Proposed Budget
US Department of Energy FY2014 Proposed BudgetUS Department of Energy
 
Consortium program of work and budget 2013 october 2012
Consortium program of work and budget 2013 october 2012Consortium program of work and budget 2013 october 2012
Consortium program of work and budget 2013 october 2012CGIAR
 
Myanmar Oil & Gas Enterprise (MOGE)
Myanmar Oil & Gas Enterprise (MOGE)Myanmar Oil & Gas Enterprise (MOGE)
Myanmar Oil & Gas Enterprise (MOGE)myanmarbusiness
 
Isometric projections for engineering students
Isometric projections for engineering studentsIsometric projections for engineering students
Isometric projections for engineering studentsAkshay Darji
 
Mendelian genetics
Mendelian geneticsMendelian genetics
Mendelian geneticstas11244
 

Viewers also liked (8)

Isa-sachin-upstream-onshore.ppt
Isa-sachin-upstream-onshore.pptIsa-sachin-upstream-onshore.ppt
Isa-sachin-upstream-onshore.ppt
 
Ogdcl
OgdclOgdcl
Ogdcl
 
Statoil HSE cours certificate
Statoil HSE cours certificateStatoil HSE cours certificate
Statoil HSE cours certificate
 
US Department of Energy FY2014 Proposed Budget
US Department of Energy FY2014 Proposed BudgetUS Department of Energy FY2014 Proposed Budget
US Department of Energy FY2014 Proposed Budget
 
Consortium program of work and budget 2013 october 2012
Consortium program of work and budget 2013 october 2012Consortium program of work and budget 2013 october 2012
Consortium program of work and budget 2013 october 2012
 
Myanmar Oil & Gas Enterprise (MOGE)
Myanmar Oil & Gas Enterprise (MOGE)Myanmar Oil & Gas Enterprise (MOGE)
Myanmar Oil & Gas Enterprise (MOGE)
 
Isometric projections for engineering students
Isometric projections for engineering studentsIsometric projections for engineering students
Isometric projections for engineering students
 
Mendelian genetics
Mendelian geneticsMendelian genetics
Mendelian genetics
 

Similar to Smart Design

Cb Resume
Cb ResumeCb Resume
Cb Resumecb_user
 
Building Mobile Optimized Websites
Building Mobile Optimized WebsitesBuilding Mobile Optimized Websites
Building Mobile Optimized Websiteshaxorize
 
“Building Mobile Optimized Websites,” Nick Bourgeois / Ray Villares
“Building Mobile Optimized Websites,” Nick Bourgeois / Ray Villares“Building Mobile Optimized Websites,” Nick Bourgeois / Ray Villares
“Building Mobile Optimized Websites,” Nick Bourgeois / Ray Villaresrayvillares
 
Fake it 'til you make it
Fake it 'til you make itFake it 'til you make it
Fake it 'til you make itJonathan Snook
 
$Resume2016 edward chen
$Resume2016 edward chen$Resume2016 edward chen
$Resume2016 edward chened Chen
 
$resume2016_EdwardChen
$resume2016_EdwardChen$resume2016_EdwardChen
$resume2016_EdwardChened Chen
 
Fast Prototyping Strategies for UI design
Fast Prototyping Strategies for UI designFast Prototyping Strategies for UI design
Fast Prototyping Strategies for UI designLuis Daniel Rodriguez
 
anbu-new-resume
anbu-new-resumeanbu-new-resume
anbu-new-resumeAnparasu E
 
7 useful websites for front end developers.pdf
7 useful websites for front end developers.pdf7 useful websites for front end developers.pdf
7 useful websites for front end developers.pdfpreeti katiyar
 
Preparation Guide on Full Stack Developer.pdf
Preparation Guide on Full Stack Developer.pdfPreparation Guide on Full Stack Developer.pdf
Preparation Guide on Full Stack Developer.pdfarjunnegi34
 
Chris Odom 2016 Resume
Chris Odom 2016 ResumeChris Odom 2016 Resume
Chris Odom 2016 ResumeChris Odom
 
Mobile Design at Gilt
Mobile Design at GiltMobile Design at Gilt
Mobile Design at GiltDavid Park
 
Class 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurshipClass 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurshipallanchao
 

Similar to Smart Design (20)

Cb Resume
Cb ResumeCb Resume
Cb Resume
 
Building Mobile Optimized Websites
Building Mobile Optimized WebsitesBuilding Mobile Optimized Websites
Building Mobile Optimized Websites
 
“Building Mobile Optimized Websites,” Nick Bourgeois / Ray Villares
“Building Mobile Optimized Websites,” Nick Bourgeois / Ray Villares“Building Mobile Optimized Websites,” Nick Bourgeois / Ray Villares
“Building Mobile Optimized Websites,” Nick Bourgeois / Ray Villares
 
Fake it 'til you make it
Fake it 'til you make itFake it 'til you make it
Fake it 'til you make it
 
Kiely mitchell
Kiely mitchellKiely mitchell
Kiely mitchell
 
Resume
ResumeResume
Resume
 
kalyan-resume
kalyan-resumekalyan-resume
kalyan-resume
 
kalyan-resume
kalyan-resumekalyan-resume
kalyan-resume
 
kalyan-resume
kalyan-resumekalyan-resume
kalyan-resume
 
kalyan-resume
kalyan-resumekalyan-resume
kalyan-resume
 
$Resume2016 edward chen
$Resume2016 edward chen$Resume2016 edward chen
$Resume2016 edward chen
 
$resume2016_EdwardChen
$resume2016_EdwardChen$resume2016_EdwardChen
$resume2016_EdwardChen
 
Resume
ResumeResume
Resume
 
Fast Prototyping Strategies for UI design
Fast Prototyping Strategies for UI designFast Prototyping Strategies for UI design
Fast Prototyping Strategies for UI design
 
anbu-new-resume
anbu-new-resumeanbu-new-resume
anbu-new-resume
 
7 useful websites for front end developers.pdf
7 useful websites for front end developers.pdf7 useful websites for front end developers.pdf
7 useful websites for front end developers.pdf
 
Preparation Guide on Full Stack Developer.pdf
Preparation Guide on Full Stack Developer.pdfPreparation Guide on Full Stack Developer.pdf
Preparation Guide on Full Stack Developer.pdf
 
Chris Odom 2016 Resume
Chris Odom 2016 ResumeChris Odom 2016 Resume
Chris Odom 2016 Resume
 
Mobile Design at Gilt
Mobile Design at GiltMobile Design at Gilt
Mobile Design at Gilt
 
Class 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurshipClass 4: Introduction to web technology entrepreneurship
Class 4: Introduction to web technology entrepreneurship
 

More from Sara Cannon

Open Source Creativity
Open Source CreativityOpen Source Creativity
Open Source CreativitySara Cannon
 
Design Strategy: How information Can Drive Your Designs Decisions To Success
Design Strategy: How information Can Drive Your Designs Decisions To SuccessDesign Strategy: How information Can Drive Your Designs Decisions To Success
Design Strategy: How information Can Drive Your Designs Decisions To SuccessSara Cannon
 
Sara cannon pushing the creative limit
Sara cannon   pushing the creative limitSara cannon   pushing the creative limit
Sara cannon pushing the creative limitSara Cannon
 
Learning Through Stealing - How to Become Better At Your Craft
Learning Through Stealing - How to Become Better At Your CraftLearning Through Stealing - How to Become Better At Your Craft
Learning Through Stealing - How to Become Better At Your CraftSara Cannon
 
Typography and User Experience - WCSF
Typography and User Experience -  WCSFTypography and User Experience -  WCSF
Typography and User Experience - WCSFSara Cannon
 
Typography and User Experience in Web Design
Typography and User Experience in Web DesignTypography and User Experience in Web Design
Typography and User Experience in Web DesignSara Cannon
 
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014Sara Cannon
 
The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2Sara Cannon
 
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNDesigner vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNSara Cannon
 
Designer vs Developer: Creators in WordPress
Designer vs Developer: Creators in WordPressDesigner vs Developer: Creators in WordPress
Designer vs Developer: Creators in WordPressSara Cannon
 
Responsive Design
Responsive DesignResponsive Design
Responsive DesignSara Cannon
 
Font Swoon - Advanced Web Typography
Font Swoon - Advanced Web TypographyFont Swoon - Advanced Web Typography
Font Swoon - Advanced Web TypographySara Cannon
 
Design Swoon - Visual Trends & WordPress
Design Swoon - Visual Trends  & WordPressDesign Swoon - Visual Trends  & WordPress
Design Swoon - Visual Trends & WordPressSara Cannon
 
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
UI Design for Themes and Plugins by Chelsea Otakan & Sara CannonUI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
UI Design for Themes and Plugins by Chelsea Otakan & Sara CannonSara Cannon
 
Typography on the Web
Typography on the WebTypography on the Web
Typography on the WebSara Cannon
 
CSS Tricks for WordPress - WordCamp Phoenix
CSS Tricks for WordPress - WordCamp PhoenixCSS Tricks for WordPress - WordCamp Phoenix
CSS Tricks for WordPress - WordCamp PhoenixSara Cannon
 
Type in your WordPress Themes by Sara Cannon WordCamp NYC
Type in your WordPress Themes by Sara Cannon WordCamp NYCType in your WordPress Themes by Sara Cannon WordCamp NYC
Type in your WordPress Themes by Sara Cannon WordCamp NYCSara Cannon
 
Beyond the System Font - Advanced Web Typography
Beyond the System Font - Advanced Web TypographyBeyond the System Font - Advanced Web Typography
Beyond the System Font - Advanced Web TypographySara Cannon
 
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010Sara Cannon
 
"Wordpress And Your Brand" 2010 - By Sara Cannon
"Wordpress And Your Brand" 2010 - By Sara Cannon"Wordpress And Your Brand" 2010 - By Sara Cannon
"Wordpress And Your Brand" 2010 - By Sara CannonSara Cannon
 

More from Sara Cannon (20)

Open Source Creativity
Open Source CreativityOpen Source Creativity
Open Source Creativity
 
Design Strategy: How information Can Drive Your Designs Decisions To Success
Design Strategy: How information Can Drive Your Designs Decisions To SuccessDesign Strategy: How information Can Drive Your Designs Decisions To Success
Design Strategy: How information Can Drive Your Designs Decisions To Success
 
Sara cannon pushing the creative limit
Sara cannon   pushing the creative limitSara cannon   pushing the creative limit
Sara cannon pushing the creative limit
 
Learning Through Stealing - How to Become Better At Your Craft
Learning Through Stealing - How to Become Better At Your CraftLearning Through Stealing - How to Become Better At Your Craft
Learning Through Stealing - How to Become Better At Your Craft
 
Typography and User Experience - WCSF
Typography and User Experience -  WCSFTypography and User Experience -  WCSF
Typography and User Experience - WCSF
 
Typography and User Experience in Web Design
Typography and User Experience in Web DesignTypography and User Experience in Web Design
Typography and User Experience in Web Design
 
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
 
The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2
 
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORNDesigner vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
 
Designer vs Developer: Creators in WordPress
Designer vs Developer: Creators in WordPressDesigner vs Developer: Creators in WordPress
Designer vs Developer: Creators in WordPress
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 
Font Swoon - Advanced Web Typography
Font Swoon - Advanced Web TypographyFont Swoon - Advanced Web Typography
Font Swoon - Advanced Web Typography
 
Design Swoon - Visual Trends & WordPress
Design Swoon - Visual Trends  & WordPressDesign Swoon - Visual Trends  & WordPress
Design Swoon - Visual Trends & WordPress
 
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
UI Design for Themes and Plugins by Chelsea Otakan & Sara CannonUI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
 
Typography on the Web
Typography on the WebTypography on the Web
Typography on the Web
 
CSS Tricks for WordPress - WordCamp Phoenix
CSS Tricks for WordPress - WordCamp PhoenixCSS Tricks for WordPress - WordCamp Phoenix
CSS Tricks for WordPress - WordCamp Phoenix
 
Type in your WordPress Themes by Sara Cannon WordCamp NYC
Type in your WordPress Themes by Sara Cannon WordCamp NYCType in your WordPress Themes by Sara Cannon WordCamp NYC
Type in your WordPress Themes by Sara Cannon WordCamp NYC
 
Beyond the System Font - Advanced Web Typography
Beyond the System Font - Advanced Web TypographyBeyond the System Font - Advanced Web Typography
Beyond the System Font - Advanced Web Typography
 
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
 
"Wordpress And Your Brand" 2010 - By Sara Cannon
"Wordpress And Your Brand" 2010 - By Sara Cannon"Wordpress And Your Brand" 2010 - By Sara Cannon
"Wordpress And Your Brand" 2010 - By Sara Cannon
 

Recently uploaded

Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Yantram Animation Studio Corporation
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdfardanaadam1
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesmilalabial
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfphriedaoyigada
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 

Recently uploaded (20)

Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdf
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposes
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 

Smart Design