SlideShare ist ein Scribd-Unternehmen logo
1 von 149
Downloaden Sie, um offline zu lesen
GreatTHE
Design
S TATE O F
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
Steve Jobs
Your work is going to fill a
large part of your life, and the
only way to be truly satisfied
is to do what you believe is
great work. And the only way
to do great work is to love
what you do.
‘‘
I’m excited
to start working 

on this project!
Six more
projects are also
kicking off?
How many
revisions? For 

each screen size

in Photoshop?
Wait, isn’t this
out of scope?
Did you just say
Internet

Explorer 8?
Ping!
Ping!
Ping!
Ping!
8 incoming
meeting requests?
Time
Excitement
Time
Excitement
a feeling of being satisfied with
how things are and not wanting
to try to make them better
noun | com·pla·cen·cy | kəm-ˈplā-sən(t)-sē
complacency
‘‘ Douglas Adams
I love the whooshing noise they
make as they go by.
I love deadlines.
Component
Design
Data-informed
vover
analytics | usability testing | a/b testing
If I had asked people
what they wanted,
they would have said
Henry Ford
faster horses.‘‘
If I had asked people
what they wanted,
they would have said
Henry Ford
faster horses.‘‘
Above the Fold
best practices?
3-Click Rule
best practices?
KLPA (Joshua Kulpa)
Andy Clarke,
“Counting Stars: Creativity over Predictability”
‘‘
I fear that we're creating a
web the full of safe designs
because we’re driven by
the need in some of us for
predictability, reliability
and for repeatability …
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
shape-outside
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
?
Is web design a
solved problem
The Great State of Design with CSS Grid Layout and Friends
Prague’s new coffee scene ◇ Making bikes with bamboo
The enduring craft of screen printing ◇ Discover Riga
Hand-made soap ◇ Manhattan’s fashion collaborators
The sugar shacks of Quebec ◇ How to taste coffee Digital Edition, Autumn 2016
craft & create
Artist
Spotlight
Shyama Golden
Shyama Golden,1
known for her huge,
humorous paintings, has transitioned from
being a graphic designer to an illustrator and,
more recently, from oil paints to the iPad.
interview Elliot Jay Stocks
artwork courtesy of Shyama Golden
D
id you always want to be an illustrator?
Yes—I’ve been drawing ever since I was really
little, but I studied graphic design when I went to col-
lege, and pretty much worked solely on graphic design
for 10 years after that. However, the school I went to
was really focused on studio art; it was more traditional,
I think, than most schools. I did a lot of screen printing
too, which I love because it uses both the problem-
solving skills of a designer and the drawing skill of an
illustrator. I stuck with graphic design for a really long
time, but there was always a part of me that wanted to
draw more.
Recently I’ve transitioned into doing that: these days
I do branding and identity design as a part-time job, and
spend most of my time doing illustration. Even with
80
1. shyamagolden.com
95
With its origins seated deeply in the past, the process of screen printing
continues to intrigue people, with the craft seeing a revival in modern
times. Screen printer Jonny Akers walks us through screen printing’s
origins and current incarnation.
craft & create
words Jonny Akers
photographs Elliot Jay Stocks
Enduring Crafts
Screen Printing
craft & create E N D U R I N G C R A F T S
S
creen printing in its basic form dates back over
2,000 years. Whether it be cutting shapes from
banana leaves to make a stencil and forcing ink
made from natural pigments through them, or making
frames stretched with human hair to form a mesh,
people all over the world have been using screen
printing to reproduce imagery for quite some time.
I encountered screen printing for the first time in
2004 while studying a fine art degree in Leeds. After
a brief introduction to the printmaking facilities,
I used screen printing on and off throughout my
degree, but I never realised how involved I’d become
with the process in the future.
Today I run a wedding stationery business called
The Old Market Printing Co1
with my wife Charlotte.
With her hand-lettering, illustration, and contemp-
orary designs, we use heavyweight paper stock, and
metallic and neon inks to make clean, modern, alter-
native wedding stationery.
Making and printing by hand is something I’m
passionate about, and one reason why I’ve never
ventured into automatic printing machines. I feel that
once you’re no longer pulling ink through the screen
by hand, the process is too commercial and loses part
of the magic of printmaking. While I’m printing by
hand, I’m still in full control of the finished print, and
it contains more of the experience and skill that I’ve
obtained over the past 10 years.
And I’m not alone in my passion for screen
printing by hand. Recently, there’s been a huge revival
for all things artisanal, with screen printing included.
Various websites have emerged, selling rudimentary
illustration Ed J Brown
1. theoldmarketprintingco.com
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
.intro::first-letter {
initial-letter: 7;
}
initial-letter
::first-letter
7
The Great State of Design with CSS Grid Layout and Friends
@supports (property: value) {
property: value;
}
@supports ( property: value )
feature queries
@supports (initial-letter: 7) {
.intro::first-letter {
initial-letter: 7;
}
}
initial letter
@supports (initial-letter: 7)
or (-webkit-initial-letter: 7) {
.intro::first-letter {
initial-letter: 7;
-webkit-initial-letter: 7;
}
}
initial letter
::initial-letter::initial-letter
::initial-letter::initial-letter
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
CSS Shapes
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
Shape-inside
The Great State of Design with CSS Grid Layout and Friends
CSSBlendMode
CSSBlendMode
Shape-inside
The Great State of Design with CSS Grid Layout and Friends
Clip path
Clip path
css filter
http://codepen.io/stacy/pen/86840fb6d32b941a73e5435f4f27d4e9?editors=1100
bennettfeely.com/image-effects
layered backgrounds
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
css “layout” methods
history
tables flexbox
floats grid
flexbox
or
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
implicit explicit
grid-template-columns
rows
size, size;
grid-template-columns:
1fr 2fr 1fr;
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
repeat( number of repitions, size )
repeat
grid-template-columns:
repeat(3, 1fr);
The Great State of Design with CSS Grid Layout and Friends
grid-column-start / grid-column-end | grid-column: value;
grid-column: 1 / 4;
grid-column
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
span
span number ;
grid-column: 1 / span 3;
The Great State of Design with CSS Grid Layout and Friends
-1
grid-column: 1 / -1;
-1 = value used to span the remaining row/column
grid-row-start / grid-row-end | grid-row: value;
grid-row
grid-row: 1 / 4;
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
grid-row-start / grid-column-start / grid-row-end / grid-column-end
grid-area
grid-area: 1/1/3/4;
The Great State of Design with CSS Grid Layout and Friends
[ line-name ] size [ line2-name another-name ] size
named lines
grid-column: line-name;
The Great State of Design with CSS Grid Layout and Friends
[ line-name ] size [ line2-name another-name ] size
grid-area: row-main /
col-large /
row-gallery /
col-small;
grid-area
“header”
“byline”
“content”
“aside”
“footer”;
grid-template-area
grid-template-area:
“header header header”
“content content byline”
“………………… aside ………………”
“footer footer footer”;
grid-template-area
header {
grid-area: header;
}
grid-area
name
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
size
grid-auto-rows:20vh;
grid-auto-columns
rows
dense - fill in holes earlier in the grid
if smaller items come up later
sparse | dense & row | column
grid-auto-flow
The Great State of Design with CSS Grid Layout and Friends
minmax
minmax( min size, max size )
grid-auto-rows:
minmax(100px,30vh);
auto-fill
repeat( auto-fill, size )
grid-template-columns:
repeat(auto-fill, 1fr);
all together now
repeat( auto-fill, minmax( min size, max size ) )
grid-template-rows:
repeat(auto-fill,
minmax(300px,1fr));
grid-gap
grid-column-gap | grid-row-gap: size
grid-gap:30px;
px, rem, em
The Great State of Design with CSS Grid Layout and Friends
start | end | center | stretch | space-around | space-between | space-evenly
justify-content: start;
justify-content
justify-items
start | end | center | stretch
justify-items: start;
justify-self
start | end | center | stretch
justify-self: start;
align-content
start | end | center | stretch | space-around | space-between | space-evenly
align-content: start;
align-items
start | end | center | stretch
align-self: start;
align-self
start | end | center | stretch
align-self: start;
The Great State of Design with CSS Grid Layout and Friends
.gallery {
display: grid;
grid-gap: 1rem;
grid-template-columns: repeat(auto-fill,
minmax(200px, 1fr));
grid-auto-rows: minmax(30vh, 190px);
}
display: grid;
grid-gap: 1rem;
grid-template-columns:
repeat(auto-fill,
minmax(200px, 1fr));
grid-auto-rows:
minmax(26vh, 190px);
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
by Rachel Smith, then Miriam, and definitely Stacy
igalia.github.io/css-grid-layout/gridbyexample.com
labs.jensimmons.com
codepen.io/stacy
resources
css-tricks guide to grid
drafts.csswg.org/css-grid/
codepen.io/collection/XbwVGL
wishlist
CSS Regions and Exclusions
Wilson Miner
“When We Build”
‘‘We’re actually in the
process of building an
environment where we’ll
spend most of our time for
the rest of our lives …
Stacy Kvernmo
@StacyKvernmo
GreatTHE
Design
S TATE O F

Weitere ähnliche Inhalte

Was ist angesagt?

24 Design Tips from Real Designers
24 Design Tips from Real Designers24 Design Tips from Real Designers
24 Design Tips from Real DesignersEdahn Small
 
How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)
How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)
How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)Board of Innovation
 
The Future of Everything
The Future of EverythingThe Future of Everything
The Future of EverythingCharbel Zeaiter
 
10 Things your Audience Hates About your Presentation
10 Things your Audience Hates About your Presentation10 Things your Audience Hates About your Presentation
10 Things your Audience Hates About your PresentationStinson
 
Typography for [Digital] Humanists
Typography for [Digital] HumanistsTypography for [Digital] Humanists
Typography for [Digital] HumanistsAmy Papaelias
 
SlideShare Experts - 7 Experts Reveal Their Presentation Design Secrets
SlideShare Experts - 7 Experts Reveal Their Presentation Design SecretsSlideShare Experts - 7 Experts Reveal Their Presentation Design Secrets
SlideShare Experts - 7 Experts Reveal Their Presentation Design SecretsEugene Cheng
 
4 Biggest Challenges for Creative Teams
4 Biggest Challenges for Creative Teams4 Biggest Challenges for Creative Teams
4 Biggest Challenges for Creative TeamsWrike
 
Five Killer Ways to Design The Same Slide
Five Killer Ways to Design The Same SlideFive Killer Ways to Design The Same Slide
Five Killer Ways to Design The Same SlideCrispy Presentations
 
10 Powerful Body Language Tips for your next Presentation
10 Powerful Body Language Tips for your next Presentation10 Powerful Body Language Tips for your next Presentation
10 Powerful Body Language Tips for your next PresentationSOAP Presentations
 
17 Ways to Design a Presentation People Want to View
17 Ways to Design a Presentation People Want to View17 Ways to Design a Presentation People Want to View
17 Ways to Design a Presentation People Want to ViewJim MacLeod
 
24 Time Management Hacks to Develop for Increased Productivity
24 Time Management Hacks to Develop for Increased Productivity24 Time Management Hacks to Develop for Increased Productivity
24 Time Management Hacks to Develop for Increased ProductivityIulian Olariu
 
The Art of the Presentation
The Art of the PresentationThe Art of the Presentation
The Art of the PresentationJeffrey Stevens
 
How NOT to Run Your Company – Lessons Learned
How NOT to Run Your Company – Lessons LearnedHow NOT to Run Your Company – Lessons Learned
How NOT to Run Your Company – Lessons LearnedWeekdone.com
 
Top Productivity Working Hacks by Jan Rezab
Top Productivity Working Hacks by Jan RezabTop Productivity Working Hacks by Jan Rezab
Top Productivity Working Hacks by Jan RezabJan Rezab
 
How to Use Social Media to Influence the World
How to Use Social Media to Influence the WorldHow to Use Social Media to Influence the World
How to Use Social Media to Influence the WorldSean Si
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with DataSeth Familian
 
WTF - Why the Future Is Up to Us - pptx version
WTF - Why the Future Is Up to Us - pptx versionWTF - Why the Future Is Up to Us - pptx version
WTF - Why the Future Is Up to Us - pptx versionTim O'Reilly
 

Was ist angesagt? (20)

24 Design Tips from Real Designers
24 Design Tips from Real Designers24 Design Tips from Real Designers
24 Design Tips from Real Designers
 
How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)
How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)
How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)
 
The Future of Everything
The Future of EverythingThe Future of Everything
The Future of Everything
 
10 Things your Audience Hates About your Presentation
10 Things your Audience Hates About your Presentation10 Things your Audience Hates About your Presentation
10 Things your Audience Hates About your Presentation
 
Typography for [Digital] Humanists
Typography for [Digital] HumanistsTypography for [Digital] Humanists
Typography for [Digital] Humanists
 
SlideShare Experts - 7 Experts Reveal Their Presentation Design Secrets
SlideShare Experts - 7 Experts Reveal Their Presentation Design SecretsSlideShare Experts - 7 Experts Reveal Their Presentation Design Secrets
SlideShare Experts - 7 Experts Reveal Their Presentation Design Secrets
 
4 Biggest Challenges for Creative Teams
4 Biggest Challenges for Creative Teams4 Biggest Challenges for Creative Teams
4 Biggest Challenges for Creative Teams
 
Five Killer Ways to Design The Same Slide
Five Killer Ways to Design The Same SlideFive Killer Ways to Design The Same Slide
Five Killer Ways to Design The Same Slide
 
10 Powerful Body Language Tips for your next Presentation
10 Powerful Body Language Tips for your next Presentation10 Powerful Body Language Tips for your next Presentation
10 Powerful Body Language Tips for your next Presentation
 
Designing Presentations
Designing PresentationsDesigning Presentations
Designing Presentations
 
Design Your Career 2018
Design Your Career 2018Design Your Career 2018
Design Your Career 2018
 
17 Ways to Design a Presentation People Want to View
17 Ways to Design a Presentation People Want to View17 Ways to Design a Presentation People Want to View
17 Ways to Design a Presentation People Want to View
 
24 Time Management Hacks to Develop for Increased Productivity
24 Time Management Hacks to Develop for Increased Productivity24 Time Management Hacks to Develop for Increased Productivity
24 Time Management Hacks to Develop for Increased Productivity
 
The Art of the Presentation
The Art of the PresentationThe Art of the Presentation
The Art of the Presentation
 
How NOT to Run Your Company – Lessons Learned
How NOT to Run Your Company – Lessons LearnedHow NOT to Run Your Company – Lessons Learned
How NOT to Run Your Company – Lessons Learned
 
Build Features, Not Apps
Build Features, Not AppsBuild Features, Not Apps
Build Features, Not Apps
 
Top Productivity Working Hacks by Jan Rezab
Top Productivity Working Hacks by Jan RezabTop Productivity Working Hacks by Jan Rezab
Top Productivity Working Hacks by Jan Rezab
 
How to Use Social Media to Influence the World
How to Use Social Media to Influence the WorldHow to Use Social Media to Influence the World
How to Use Social Media to Influence the World
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
 
WTF - Why the Future Is Up to Us - pptx version
WTF - Why the Future Is Up to Us - pptx versionWTF - Why the Future Is Up to Us - pptx version
WTF - Why the Future Is Up to Us - pptx version
 

Andere mochten auch

10 Color Banner Design Inspiration
10 Color Banner Design Inspiration10 Color Banner Design Inspiration
10 Color Banner Design InspirationBannersnack
 
Clickbait: A Guide To Writing Un-Ignorable Headlines
Clickbait: A Guide To Writing Un-Ignorable HeadlinesClickbait: A Guide To Writing Un-Ignorable Headlines
Clickbait: A Guide To Writing Un-Ignorable HeadlinesVenngage
 
How a Strong Brand Boosts B2B Demand
How a Strong Brand Boosts B2B DemandHow a Strong Brand Boosts B2B Demand
How a Strong Brand Boosts B2B DemandGYK Antler
 
10 Engagement Lessons Learned From 1 Million Survey Answers
10 Engagement Lessons Learned From 1 Million Survey Answers10 Engagement Lessons Learned From 1 Million Survey Answers
10 Engagement Lessons Learned From 1 Million Survey AnswersD B
 
Prototyping is an attitude
Prototyping is an attitudePrototyping is an attitude
Prototyping is an attitudeWith Company
 
Get Featured: So You Want to be on the Front Page of SlideShare?
Get Featured: So You Want to be on the Front Page of SlideShare?Get Featured: So You Want to be on the Front Page of SlideShare?
Get Featured: So You Want to be on the Front Page of SlideShare?Venngage
 
Tips from Calvin and Hobbes on how to be a good customer
Tips from Calvin and Hobbes on how to be a good customerTips from Calvin and Hobbes on how to be a good customer
Tips from Calvin and Hobbes on how to be a good customerFreshdesk Inc.
 
500 Demo Day Batch 19: Gluwa
500 Demo Day Batch 19: Gluwa500 Demo Day Batch 19: Gluwa
500 Demo Day Batch 19: Gluwa500 Startups
 
Dispatches From The New Economy: The Five Faces Of The On-Demand Economy
Dispatches From The New Economy: The Five Faces Of The On-Demand EconomyDispatches From The New Economy: The Five Faces Of The On-Demand Economy
Dispatches From The New Economy: The Five Faces Of The On-Demand EconomyIntuit Inc.
 
38 Employee Engagement Ideas Your Team Will Love
38 Employee Engagement Ideas Your Team Will Love38 Employee Engagement Ideas Your Team Will Love
38 Employee Engagement Ideas Your Team Will LoveElodie A.
 
Designing Teams for Emerging Challenges
Designing Teams for Emerging ChallengesDesigning Teams for Emerging Challenges
Designing Teams for Emerging ChallengesAaron Irizarry
 
The Sketchnote Mini-Workshop
The Sketchnote Mini-WorkshopThe Sketchnote Mini-Workshop
The Sketchnote Mini-WorkshopMike Rohde
 
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionLearn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionIn a Rocket
 
10 Best Practices of a Best Company to Work For
10 Best Practices of a Best Company to Work For10 Best Practices of a Best Company to Work For
10 Best Practices of a Best Company to Work ForO.C. Tanner
 
How to Land that First Customer
How to Land that First CustomerHow to Land that First Customer
How to Land that First CustomerFloown
 
Mobile Is Eating the World (2016)
Mobile Is Eating the World (2016)Mobile Is Eating the World (2016)
Mobile Is Eating the World (2016)a16z
 
The ABC’s of Living a Healthy Life
The ABC’s of Living a Healthy LifeThe ABC’s of Living a Healthy Life
The ABC’s of Living a Healthy LifeDr. Omer Hameed
 

Andere mochten auch (19)

5 Storytelling Lessons From Superhero Stories
5 Storytelling Lessons From Superhero Stories5 Storytelling Lessons From Superhero Stories
5 Storytelling Lessons From Superhero Stories
 
10 Color Banner Design Inspiration
10 Color Banner Design Inspiration10 Color Banner Design Inspiration
10 Color Banner Design Inspiration
 
Clickbait: A Guide To Writing Un-Ignorable Headlines
Clickbait: A Guide To Writing Un-Ignorable HeadlinesClickbait: A Guide To Writing Un-Ignorable Headlines
Clickbait: A Guide To Writing Un-Ignorable Headlines
 
How a Strong Brand Boosts B2B Demand
How a Strong Brand Boosts B2B DemandHow a Strong Brand Boosts B2B Demand
How a Strong Brand Boosts B2B Demand
 
10 Engagement Lessons Learned From 1 Million Survey Answers
10 Engagement Lessons Learned From 1 Million Survey Answers10 Engagement Lessons Learned From 1 Million Survey Answers
10 Engagement Lessons Learned From 1 Million Survey Answers
 
Prototyping is an attitude
Prototyping is an attitudePrototyping is an attitude
Prototyping is an attitude
 
Get Featured: So You Want to be on the Front Page of SlideShare?
Get Featured: So You Want to be on the Front Page of SlideShare?Get Featured: So You Want to be on the Front Page of SlideShare?
Get Featured: So You Want to be on the Front Page of SlideShare?
 
Tips from Calvin and Hobbes on how to be a good customer
Tips from Calvin and Hobbes on how to be a good customerTips from Calvin and Hobbes on how to be a good customer
Tips from Calvin and Hobbes on how to be a good customer
 
500 Demo Day Batch 19: Gluwa
500 Demo Day Batch 19: Gluwa500 Demo Day Batch 19: Gluwa
500 Demo Day Batch 19: Gluwa
 
Dispatches From The New Economy: The Five Faces Of The On-Demand Economy
Dispatches From The New Economy: The Five Faces Of The On-Demand EconomyDispatches From The New Economy: The Five Faces Of The On-Demand Economy
Dispatches From The New Economy: The Five Faces Of The On-Demand Economy
 
38 Employee Engagement Ideas Your Team Will Love
38 Employee Engagement Ideas Your Team Will Love38 Employee Engagement Ideas Your Team Will Love
38 Employee Engagement Ideas Your Team Will Love
 
Designing Teams for Emerging Challenges
Designing Teams for Emerging ChallengesDesigning Teams for Emerging Challenges
Designing Teams for Emerging Challenges
 
The Sketchnote Mini-Workshop
The Sketchnote Mini-WorkshopThe Sketchnote Mini-Workshop
The Sketchnote Mini-Workshop
 
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionLearn BEM: CSS Naming Convention
Learn BEM: CSS Naming Convention
 
10 Best Practices of a Best Company to Work For
10 Best Practices of a Best Company to Work For10 Best Practices of a Best Company to Work For
10 Best Practices of a Best Company to Work For
 
How to Land that First Customer
How to Land that First CustomerHow to Land that First Customer
How to Land that First Customer
 
Towards Greatness
Towards GreatnessTowards Greatness
Towards Greatness
 
Mobile Is Eating the World (2016)
Mobile Is Eating the World (2016)Mobile Is Eating the World (2016)
Mobile Is Eating the World (2016)
 
The ABC’s of Living a Healthy Life
The ABC’s of Living a Healthy LifeThe ABC’s of Living a Healthy Life
The ABC’s of Living a Healthy Life
 

Ähnlich wie The Great State of Design with CSS Grid Layout and Friends

Fmp problem solving v10
Fmp problem solving v10Fmp problem solving v10
Fmp problem solving v10Charlie Atkin
 
What Designs Need To Know About Visual Design
What Designs Need To Know About Visual DesignWhat Designs Need To Know About Visual Design
What Designs Need To Know About Visual DesignBen Hall
 
Raechel Alexis Gasparac Gaming Portfolio
Raechel Alexis Gasparac Gaming PortfolioRaechel Alexis Gasparac Gaming Portfolio
Raechel Alexis Gasparac Gaming PortfolioRaechel Gasparac
 
Cins Digital portfolio pdf
Cins Digital portfolio pdfCins Digital portfolio pdf
Cins Digital portfolio pdfCins yen
 
Planning booklet
Planning bookletPlanning booklet
Planning bookletAidenHyland
 
Low Kit Ting portfolio
Low Kit Ting portfolioLow Kit Ting portfolio
Low Kit Ting portfolioKit Ting Low
 
5 year plan
5 year plan5 year plan
5 year planTigs0102
 
What Developers Need To Know About Visual Design
What Developers Need To Know About Visual DesignWhat Developers Need To Know About Visual Design
What Developers Need To Know About Visual DesignBen Hall
 
Planning booklet. story book
Planning booklet. story bookPlanning booklet. story book
Planning booklet. story bookRobert Ryan
 
Planning booklet. story book
Planning booklet. story bookPlanning booklet. story book
Planning booklet. story bookRobert Ryan
 
Planning booklet. story book
Planning booklet. story bookPlanning booklet. story book
Planning booklet. story bookRobert Ryan
 
Digital Portfolio 2018 Sujata MMD68
Digital Portfolio 2018 Sujata MMD68Digital Portfolio 2018 Sujata MMD68
Digital Portfolio 2018 Sujata MMD68Sujata Carl Chee
 
DGME168 Final Project
DGME168 Final ProjectDGME168 Final Project
DGME168 Final ProjectNatalie Kee
 
A Picture Is Worth A Thousand Exercises
A Picture Is Worth A Thousand ExercisesA Picture Is Worth A Thousand Exercises
A Picture Is Worth A Thousand ExercisesMichele Thomas
 

Ähnlich wie The Great State of Design with CSS Grid Layout and Friends (20)

Graphic design Jacqueline v. d. Venne
Graphic design Jacqueline v. d. VenneGraphic design Jacqueline v. d. Venne
Graphic design Jacqueline v. d. Venne
 
Fmp problem solving v10
Fmp problem solving v10Fmp problem solving v10
Fmp problem solving v10
 
What Designs Need To Know About Visual Design
What Designs Need To Know About Visual DesignWhat Designs Need To Know About Visual Design
What Designs Need To Know About Visual Design
 
Raechel Alexis Gasparac Gaming Portfolio
Raechel Alexis Gasparac Gaming PortfolioRaechel Alexis Gasparac Gaming Portfolio
Raechel Alexis Gasparac Gaming Portfolio
 
Cins Digital portfolio pdf
Cins Digital portfolio pdfCins Digital portfolio pdf
Cins Digital portfolio pdf
 
Planning booklet
Planning bookletPlanning booklet
Planning booklet
 
Low Kit Ting portfolio
Low Kit Ting portfolioLow Kit Ting portfolio
Low Kit Ting portfolio
 
Planning booklet 2-2
Planning booklet 2-2Planning booklet 2-2
Planning booklet 2-2
 
Magazine article
Magazine articleMagazine article
Magazine article
 
5 year plan
5 year plan5 year plan
5 year plan
 
What Developers Need To Know About Visual Design
What Developers Need To Know About Visual DesignWhat Developers Need To Know About Visual Design
What Developers Need To Know About Visual Design
 
Digital graphics
Digital graphicsDigital graphics
Digital graphics
 
Planning booklet. story book
Planning booklet. story bookPlanning booklet. story book
Planning booklet. story book
 
Planning booklet. story book
Planning booklet. story bookPlanning booklet. story book
Planning booklet. story book
 
Planning booklet. story book
Planning booklet. story bookPlanning booklet. story book
Planning booklet. story book
 
Planning Booklet
Planning BookletPlanning Booklet
Planning Booklet
 
Digital Portfolio 2018 Sujata MMD68
Digital Portfolio 2018 Sujata MMD68Digital Portfolio 2018 Sujata MMD68
Digital Portfolio 2018 Sujata MMD68
 
DGME168 Final Project
DGME168 Final ProjectDGME168 Final Project
DGME168 Final Project
 
Evaluation
EvaluationEvaluation
Evaluation
 
A Picture Is Worth A Thousand Exercises
A Picture Is Worth A Thousand ExercisesA Picture Is Worth A Thousand Exercises
A Picture Is Worth A Thousand Exercises
 

Mehr von Stacy Kvernmo

The Great State of Design 2018
The Great State of Design 2018The Great State of Design 2018
The Great State of Design 2018Stacy Kvernmo
 
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and FriendsThe Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and FriendsStacy Kvernmo
 
From Scratch to Launch #2 - Design phase
From Scratch to Launch #2 - Design phaseFrom Scratch to Launch #2 - Design phase
From Scratch to Launch #2 - Design phaseStacy Kvernmo
 
From Scratch to Launch Series - Part 1 - Planning Phase
From Scratch to Launch Series - Part 1 - Planning PhaseFrom Scratch to Launch Series - Part 1 - Planning Phase
From Scratch to Launch Series - Part 1 - Planning PhaseStacy Kvernmo
 
Curing Design Complacency
Curing Design ComplacencyCuring Design Complacency
Curing Design ComplacencyStacy Kvernmo
 
Sass Code Reviews - How one code review changed my life #SassConf2015
Sass Code Reviews - How one code review changed my life #SassConf2015Sass Code Reviews - How one code review changed my life #SassConf2015
Sass Code Reviews - How one code review changed my life #SassConf2015Stacy Kvernmo
 
No pain, no gain. CSS Code Reviews FTW.
No pain, no gain. CSS Code Reviews FTW.No pain, no gain. CSS Code Reviews FTW.
No pain, no gain. CSS Code Reviews FTW.Stacy Kvernmo
 
Exploring the Design Process
Exploring the Design ProcessExploring the Design Process
Exploring the Design ProcessStacy Kvernmo
 
Exploring the design process #wcchi
Exploring the design process #wcchiExploring the design process #wcchi
Exploring the design process #wcchiStacy Kvernmo
 

Mehr von Stacy Kvernmo (9)

The Great State of Design 2018
The Great State of Design 2018The Great State of Design 2018
The Great State of Design 2018
 
The Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and FriendsThe Great State of Design with CSS Grid Layout and Friends
The Great State of Design with CSS Grid Layout and Friends
 
From Scratch to Launch #2 - Design phase
From Scratch to Launch #2 - Design phaseFrom Scratch to Launch #2 - Design phase
From Scratch to Launch #2 - Design phase
 
From Scratch to Launch Series - Part 1 - Planning Phase
From Scratch to Launch Series - Part 1 - Planning PhaseFrom Scratch to Launch Series - Part 1 - Planning Phase
From Scratch to Launch Series - Part 1 - Planning Phase
 
Curing Design Complacency
Curing Design ComplacencyCuring Design Complacency
Curing Design Complacency
 
Sass Code Reviews - How one code review changed my life #SassConf2015
Sass Code Reviews - How one code review changed my life #SassConf2015Sass Code Reviews - How one code review changed my life #SassConf2015
Sass Code Reviews - How one code review changed my life #SassConf2015
 
No pain, no gain. CSS Code Reviews FTW.
No pain, no gain. CSS Code Reviews FTW.No pain, no gain. CSS Code Reviews FTW.
No pain, no gain. CSS Code Reviews FTW.
 
Exploring the Design Process
Exploring the Design ProcessExploring the Design Process
Exploring the Design Process
 
Exploring the design process #wcchi
Exploring the design process #wcchiExploring the design process #wcchi
Exploring the design process #wcchi
 

Kürzlich hochgeladen

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
 
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
 
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
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
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
 
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
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
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
 
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
 
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
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
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
 
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
 
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
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 

Kürzlich hochgeladen (19)

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
 
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
 
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
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
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
 
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...
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
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...
 
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
 
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
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
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
 
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
 
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
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 

The Great State of Design with CSS Grid Layout and Friends