SlideShare a Scribd company logo
BrickPress
Explaining WordPress Using
LEGO Master Builder Techniques
Adam Soucie
• Freelance WordPress
developer
• “Self taught”
• Loves to build LEGO with my
4-year old daughter
A little about me
@AdamSoucie | adamsoucie.com
What this talk is NOT
• Aimed at advanced developers
• Specific to plugins or theme development
• A “How To” do anything in particular
• Will not teach you code
@AdamSoucie | adamsoucie.com
What this talk IS
• For relative beginners
• A different way to look at WordPress and
web development in general
• Awesome.
@AdamSoucie | adamsoucie.com
• Set of principles and
techniques used by LEGO
• Foundation for how official
sets are built
• Available in a series of sets
called the Master Builder
Academy
Master Builder Techniques
@AdamSoucie | adamsoucie.com
7 Techniques
1. Locking
2. Sideways Building
3. Size Scaling
4. Small Elements
5. Balance
6. Details
7. Alternate Uses
@AdamSoucie | adamsoucie.com
• The process of joining two or
more bricks with one that lies
across either on top,
underneath, or both
• Makes your elements more
stable
Technique #1: Locking
@AdamSoucie | adamsoucie.com
• Using “clearfix” to contain
floated elements
• Wrapping partner elements in
a container <div>
Applying to WordPress
@AdamSoucie | adamsoucie.com
• Uses special pieces with studs
on the side
• Allows a model to extend
horizontally or diagonally as
well as vertically
• The basis for the SNOT (Studs
Not On Top) technique
Technique #2: Sideways Building
@AdamSoucie | adamsoucie.com
• Widget areas
• Most common areas are
sidebars and footers
• Genesis Framework uses
them to create variable home
pages
• Allows functionality to extend
in customized ways
Applying to WordPress
@AdamSoucie | adamsoucie.com
• Standard model size is
minifigure scaled
• Models at Legoland’s are
Miniland scaled
• Common to find sets that are
miniature scale
Technique #3: Size Scaling
@AdamSoucie | adamsoucie.com
• Altering text sizes and padding
to account for different devices
• Making buttons and other
clickable areas optimized for
touch screens
Applying to WordPress
@AdamSoucie | adamsoucie.com
• Combines with size scaling
• Uses small elements (typically
1 stud by 1 stud)
• Mimics larger elements at a
smaller scale
Technique #4: Small Elements
@AdamSoucie | adamsoucie.com
• Tied to responsive design
• Mobile first design philosophy
• Built-in Column classes
• Flexbox
Applying to WordPress
@AdamSoucie | adamsoucie.com
• Basic physics
• If something is too heavy on
one side, it will fall over
• Symmetry is your friend
Technique #5: Balance
@AdamSoucie | adamsoucie.com
• Padding, padding, padding
• Line height
• Balancing sidebar content with
page content
Applying to WordPress
@AdamSoucie | adamsoucie.com
• Exactly what you’d think
• Helps identify your models
• Spaceships use lasers,
Castle sets use swords
• Translucent bricks help
indicate movement or action
Technique #6: Details
@AdamSoucie | adamsoucie.com
• Transition states
• Flat vs. Skeuomorphic design
• Using colors to indicate
actions, especially with buttons
Applying to WordPress
@AdamSoucie | adamsoucie.com
• Very few pieces have just one
use
• A silver frog could also be a
wall sconce
• Use your imagination!
Technique #7: Alternate Uses
@AdamSoucie | adamsoucie.com
• Creative problem solving
• Chain “get_the_” functions to
access post information
• You access just about
anything with a post ID
Applying to WordPress
@AdamSoucie | adamsoucie.com
More Info
Twitter
@AdamSoucie
Blog
adamsoucie.com
Business
impossiblycreative.com
Master Builder Academy
lego.com
brickset.com

More Related Content

What's hot

Weebly Orientation
Weebly OrientationWeebly Orientation
Weebly Orientation
Emily Valenza
 
Teach Yourself to Build Web Apps
Teach Yourself to Build Web AppsTeach Yourself to Build Web Apps
Teach Yourself to Build Web Apps
Susie Ye
 
Z04380000120164011 chapter 11 isys6202
Z04380000120164011 chapter 11 isys6202Z04380000120164011 chapter 11 isys6202
Z04380000120164011 chapter 11 isys6202
Amadeus Cristoper
 
What web designers could learn from print designers
What web designers could learn from print designersWhat web designers could learn from print designers
What web designers could learn from print designers
Erlend Debast
 
Content obesity: An organisation's silent killer
Content obesity: An organisation's silent killerContent obesity: An organisation's silent killer
Content obesity: An organisation's silent killer
Sally Bagshaw
 
Build Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSSBuild Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSS
Thinkful
 
Future-proofing authors: The new rules of writing for the web
Future-proofing authors: The new rules of writing for the webFuture-proofing authors: The new rules of writing for the web
Future-proofing authors: The new rules of writing for the web
Sally Bagshaw
 
Toolbox 2, session 11
Toolbox 2, session 11Toolbox 2, session 11
Toolbox 2, session 11
petter
 
What I Wish I Knew Before I Started Coding
What I Wish I Knew Before I Started CodingWhat I Wish I Knew Before I Started Coding
What I Wish I Knew Before I Started Coding
Mattan Griffel
 
Building Ebooks that Last - Teresa Elsey (Bridge International Academies) - e...
Building Ebooks that Last - Teresa Elsey (Bridge International Academies) - e...Building Ebooks that Last - Teresa Elsey (Bridge International Academies) - e...
Building Ebooks that Last - Teresa Elsey (Bridge International Academies) - e...
BookNet Canada
 
More Than Facebook
More Than FacebookMore Than Facebook
More Than Facebook
NewLegacyChick
 
Minnesota Timberwolves - Digital Media Web Design Creative Presentation
Minnesota Timberwolves - Digital Media Web Design Creative PresentationMinnesota Timberwolves - Digital Media Web Design Creative Presentation
Minnesota Timberwolves - Digital Media Web Design Creative Presentation
Bob Stanke
 
Geek Sync | How to Deal with an Inherited SQL Server
Geek Sync | How to Deal with an Inherited SQL ServerGeek Sync | How to Deal with an Inherited SQL Server
Geek Sync | How to Deal with an Inherited SQL Server
IDERA Software
 
Ways To Market Green Campus Programs
Ways To Market Green Campus ProgramsWays To Market Green Campus Programs
Ways To Market Green Campus Programs
Alliance To Save Energy
 
Lesson2 short presentation
Lesson2 short presentationLesson2 short presentation
Lesson2 short presentation
San Diego Continuing Education
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317
Ivy Rueb
 
The light princess
The light princessThe light princess
The light princess
kchasarik
 
What is content strategy?
What is content strategy?What is content strategy?
What is content strategy?
Sally Bagshaw
 
Selecting & Installing WordPress Themes
Selecting & Installing WordPress ThemesSelecting & Installing WordPress Themes
Selecting & Installing WordPress Themes
Gizmo Creative Factory, Inc.
 

What's hot (19)

Weebly Orientation
Weebly OrientationWeebly Orientation
Weebly Orientation
 
Teach Yourself to Build Web Apps
Teach Yourself to Build Web AppsTeach Yourself to Build Web Apps
Teach Yourself to Build Web Apps
 
Z04380000120164011 chapter 11 isys6202
Z04380000120164011 chapter 11 isys6202Z04380000120164011 chapter 11 isys6202
Z04380000120164011 chapter 11 isys6202
 
What web designers could learn from print designers
What web designers could learn from print designersWhat web designers could learn from print designers
What web designers could learn from print designers
 
Content obesity: An organisation's silent killer
Content obesity: An organisation's silent killerContent obesity: An organisation's silent killer
Content obesity: An organisation's silent killer
 
Build Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSSBuild Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSS
 
Future-proofing authors: The new rules of writing for the web
Future-proofing authors: The new rules of writing for the webFuture-proofing authors: The new rules of writing for the web
Future-proofing authors: The new rules of writing for the web
 
Toolbox 2, session 11
Toolbox 2, session 11Toolbox 2, session 11
Toolbox 2, session 11
 
What I Wish I Knew Before I Started Coding
What I Wish I Knew Before I Started CodingWhat I Wish I Knew Before I Started Coding
What I Wish I Knew Before I Started Coding
 
Building Ebooks that Last - Teresa Elsey (Bridge International Academies) - e...
Building Ebooks that Last - Teresa Elsey (Bridge International Academies) - e...Building Ebooks that Last - Teresa Elsey (Bridge International Academies) - e...
Building Ebooks that Last - Teresa Elsey (Bridge International Academies) - e...
 
More Than Facebook
More Than FacebookMore Than Facebook
More Than Facebook
 
Minnesota Timberwolves - Digital Media Web Design Creative Presentation
Minnesota Timberwolves - Digital Media Web Design Creative PresentationMinnesota Timberwolves - Digital Media Web Design Creative Presentation
Minnesota Timberwolves - Digital Media Web Design Creative Presentation
 
Geek Sync | How to Deal with an Inherited SQL Server
Geek Sync | How to Deal with an Inherited SQL ServerGeek Sync | How to Deal with an Inherited SQL Server
Geek Sync | How to Deal with an Inherited SQL Server
 
Ways To Market Green Campus Programs
Ways To Market Green Campus ProgramsWays To Market Green Campus Programs
Ways To Market Green Campus Programs
 
Lesson2 short presentation
Lesson2 short presentationLesson2 short presentation
Lesson2 short presentation
 
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317
Deck 8983a1d9-68df-4447-8481-3b4fd0de734c-33-82-317
 
The light princess
The light princessThe light princess
The light princess
 
What is content strategy?
What is content strategy?What is content strategy?
What is content strategy?
 
Selecting & Installing WordPress Themes
Selecting & Installing WordPress ThemesSelecting & Installing WordPress Themes
Selecting & Installing WordPress Themes
 

Viewers also liked

Twitter, YouTube, Xing & Co. - Web 2.0 als Marketinginstrument
Twitter, YouTube, Xing & Co. - Web 2.0 als MarketinginstrumentTwitter, YouTube, Xing & Co. - Web 2.0 als Marketinginstrument
Twitter, YouTube, Xing & Co. - Web 2.0 als Marketinginstrument
Marc Nilius
 
Bdd and dsl как способ построения коммуникации на проекте
Bdd and dsl как способ построения коммуникации на проектеBdd and dsl как способ построения коммуникации на проекте
Bdd and dsl как способ построения коммуникации на проекте
ISsoft
 
FL Blog Con 2015: How To Find The Best WordPress Plugins For You
FL Blog Con 2015: How To Find The Best WordPress Plugins For YouFL Blog Con 2015: How To Find The Best WordPress Plugins For You
FL Blog Con 2015: How To Find The Best WordPress Plugins For You
Adam Soucie
 
Тестирование требований
Тестирование требованийТестирование требований
Тестирование требований
ISsoft
 
How Joomla Works
How Joomla WorksHow Joomla Works
How Joomla Works
Amit Kumar Singh
 
6. таблицы и другие теги html
6. таблицы и другие теги html6. таблицы и другие теги html
6. таблицы и другие теги html
Sergei Dubrov
 
Getting Started With Php Frameworks @BCP5
Getting Started With Php Frameworks @BCP5Getting Started With Php Frameworks @BCP5
Getting Started With Php Frameworks @BCP5
Amit Kumar Singh
 
Таблицы Html
Таблицы HtmlТаблицы Html
Таблицы Html
Vasya Petrov
 
Custom Post Type and Taxonomies in WordPress 3.x
Custom Post Type and Taxonomies in WordPress 3.xCustom Post Type and Taxonomies in WordPress 3.x
Custom Post Type and Taxonomies in WordPress 3.x
Amit Kumar Singh
 
CSS Lessons Learned the Hard Way (ConvergeSE)
CSS Lessons Learned the Hard Way (ConvergeSE)CSS Lessons Learned the Hard Way (ConvergeSE)
CSS Lessons Learned the Hard Way (ConvergeSE)
Zoe Gillenwater
 
Organisation and navigation
Organisation and navigationOrganisation and navigation
Organisation and navigation
Lon Barfield
 
WordPress as Rapid Prototyping Tool
WordPress as Rapid Prototyping ToolWordPress as Rapid Prototyping Tool
WordPress as Rapid Prototyping Tool
Amit Kumar Singh
 
Css part2
Css part2Css part2
Css part2
ISsoft
 
CSS Lessons Learned the Hard Way (Generate Conf)
CSS Lessons Learned the Hard Way (Generate Conf)CSS Lessons Learned the Hard Way (Generate Conf)
CSS Lessons Learned the Hard Way (Generate Conf)
Zoe Gillenwater
 
17. основы css (cascading style sheets)
17. основы css (cascading style sheets)17. основы css (cascading style sheets)
17. основы css (cascading style sheets)
Sergei Dubrov
 
Images and Tables in HTML
Images and Tables in HTMLImages and Tables in HTML
Images and Tables in HTML
Aarti P
 
Uwe usability evaluation
Uwe usability evaluationUwe usability evaluation
Uwe usability evaluation
Lon Barfield
 
Пингвины из калининграда
Пингвины из калининградаПингвины из калининграда
Пингвины из калининграда
Andrew Yashenko
 
Box Model
Box ModelBox Model
Box Model
Amit Kumar Singh
 
Joomla Request To Response
Joomla Request To ResponseJoomla Request To Response
Joomla Request To Response
Amit Kumar Singh
 

Viewers also liked (20)

Twitter, YouTube, Xing & Co. - Web 2.0 als Marketinginstrument
Twitter, YouTube, Xing & Co. - Web 2.0 als MarketinginstrumentTwitter, YouTube, Xing & Co. - Web 2.0 als Marketinginstrument
Twitter, YouTube, Xing & Co. - Web 2.0 als Marketinginstrument
 
Bdd and dsl как способ построения коммуникации на проекте
Bdd and dsl как способ построения коммуникации на проектеBdd and dsl как способ построения коммуникации на проекте
Bdd and dsl как способ построения коммуникации на проекте
 
FL Blog Con 2015: How To Find The Best WordPress Plugins For You
FL Blog Con 2015: How To Find The Best WordPress Plugins For YouFL Blog Con 2015: How To Find The Best WordPress Plugins For You
FL Blog Con 2015: How To Find The Best WordPress Plugins For You
 
Тестирование требований
Тестирование требованийТестирование требований
Тестирование требований
 
How Joomla Works
How Joomla WorksHow Joomla Works
How Joomla Works
 
6. таблицы и другие теги html
6. таблицы и другие теги html6. таблицы и другие теги html
6. таблицы и другие теги html
 
Getting Started With Php Frameworks @BCP5
Getting Started With Php Frameworks @BCP5Getting Started With Php Frameworks @BCP5
Getting Started With Php Frameworks @BCP5
 
Таблицы Html
Таблицы HtmlТаблицы Html
Таблицы Html
 
Custom Post Type and Taxonomies in WordPress 3.x
Custom Post Type and Taxonomies in WordPress 3.xCustom Post Type and Taxonomies in WordPress 3.x
Custom Post Type and Taxonomies in WordPress 3.x
 
CSS Lessons Learned the Hard Way (ConvergeSE)
CSS Lessons Learned the Hard Way (ConvergeSE)CSS Lessons Learned the Hard Way (ConvergeSE)
CSS Lessons Learned the Hard Way (ConvergeSE)
 
Organisation and navigation
Organisation and navigationOrganisation and navigation
Organisation and navigation
 
WordPress as Rapid Prototyping Tool
WordPress as Rapid Prototyping ToolWordPress as Rapid Prototyping Tool
WordPress as Rapid Prototyping Tool
 
Css part2
Css part2Css part2
Css part2
 
CSS Lessons Learned the Hard Way (Generate Conf)
CSS Lessons Learned the Hard Way (Generate Conf)CSS Lessons Learned the Hard Way (Generate Conf)
CSS Lessons Learned the Hard Way (Generate Conf)
 
17. основы css (cascading style sheets)
17. основы css (cascading style sheets)17. основы css (cascading style sheets)
17. основы css (cascading style sheets)
 
Images and Tables in HTML
Images and Tables in HTMLImages and Tables in HTML
Images and Tables in HTML
 
Uwe usability evaluation
Uwe usability evaluationUwe usability evaluation
Uwe usability evaluation
 
Пингвины из калининграда
Пингвины из калининградаПингвины из калининграда
Пингвины из калининграда
 
Box Model
Box ModelBox Model
Box Model
 
Joomla Request To Response
Joomla Request To ResponseJoomla Request To Response
Joomla Request To Response
 

Similar to BrickPress: Explaining WordPress Using LEGO Master Builder Techniques

Create an Online Course
Create an Online CourseCreate an Online Course
Create an Online Course
ClickMinded
 
How to create your online course
How to create your online courseHow to create your online course
How to create your online course
ClickMinded
 
Customizing WordPress Themes
Customizing WordPress ThemesCustomizing WordPress Themes
Customizing WordPress Themes
Domestic Equity Studio
 
Lesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ayLesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ay
Codecademy Ren
 
Word press workshop powerpoint
Word press workshop   powerpointWord press workshop   powerpoint
Word press workshop powerpoint
erezwe
 
11 Amazing things I Learnt At Word Camp Sydney 2014
11 Amazing things I Learnt At Word Camp Sydney 201411 Amazing things I Learnt At Word Camp Sydney 2014
11 Amazing things I Learnt At Word Camp Sydney 2014
WordPressBrisbane
 
Untangling - fall2017 - week 7
Untangling - fall2017 - week 7Untangling - fall2017 - week 7
Untangling - fall2017 - week 7
Derek Jacoby
 
WordPress for Nonprofits - 2013
WordPress for Nonprofits - 2013WordPress for Nonprofits - 2013
WordPress for Nonprofits - 2013
Trish Perkins
 
The Power of BuddyPress in Social Media Marketing
The Power of BuddyPress in Social Media MarketingThe Power of BuddyPress in Social Media Marketing
The Power of BuddyPress in Social Media Marketing
WebSocially
 
Building Websites with WordPress UBC Summer 2012
Building Websites with WordPress UBC Summer 2012Building Websites with WordPress UBC Summer 2012
Building Websites with WordPress UBC Summer 2012
Tris Hussey
 
Baku Social Media Seminar - Day 3
Baku Social Media Seminar - Day 3Baku Social Media Seminar - Day 3
Baku Social Media Seminar - Day 3
Peter Svarre
 
Introduction to WordPress
Introduction to WordPressIntroduction to WordPress
Introduction to WordPress
Puneet Sahalot
 
Score intro wordpress 4.3.2013
Score intro wordpress 4.3.2013Score intro wordpress 4.3.2013
Score intro wordpress 4.3.2013
Bob Garrett
 
Edu614 session 4 summer 14
Edu614 session 4 summer 14  Edu614 session 4 summer 14
Edu614 session 4 summer 14
Kathy Favazza
 
WordPress Theme Basics
WordPress Theme BasicsWordPress Theme Basics
WordPress Theme Basics
Jen Jamar
 
DesmosWebinar_VirtualMath_040920.pptx
DesmosWebinar_VirtualMath_040920.pptxDesmosWebinar_VirtualMath_040920.pptx
DesmosWebinar_VirtualMath_040920.pptx
syakti sriyansyah
 
Create Your Own Starter Files
Create Your Own Starter FilesCreate Your Own Starter Files
Create Your Own Starter Files
Emily Lewis
 
WordPress102 - WordCamp Milwaukee 2015
WordPress102 - WordCamp Milwaukee 2015WordPress102 - WordCamp Milwaukee 2015
WordPress102 - WordCamp Milwaukee 2015
Shanta Nathwani
 
Should I DIY or BUY a new WordPress website?
Should I DIY or BUY a new WordPress website? Should I DIY or BUY a new WordPress website?
Should I DIY or BUY a new WordPress website?
Jennifer Novak
 
Samantha thebridge atlas camp 2012 talk
Samantha thebridge atlas camp 2012 talkSamantha thebridge atlas camp 2012 talk
Samantha thebridge atlas camp 2012 talk
samthebridge
 

Similar to BrickPress: Explaining WordPress Using LEGO Master Builder Techniques (20)

Create an Online Course
Create an Online CourseCreate an Online Course
Create an Online Course
 
How to create your online course
How to create your online courseHow to create your online course
How to create your online course
 
Customizing WordPress Themes
Customizing WordPress ThemesCustomizing WordPress Themes
Customizing WordPress Themes
 
Lesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ayLesson 111 24 aug13-1430-ay
Lesson 111 24 aug13-1430-ay
 
Word press workshop powerpoint
Word press workshop   powerpointWord press workshop   powerpoint
Word press workshop powerpoint
 
11 Amazing things I Learnt At Word Camp Sydney 2014
11 Amazing things I Learnt At Word Camp Sydney 201411 Amazing things I Learnt At Word Camp Sydney 2014
11 Amazing things I Learnt At Word Camp Sydney 2014
 
Untangling - fall2017 - week 7
Untangling - fall2017 - week 7Untangling - fall2017 - week 7
Untangling - fall2017 - week 7
 
WordPress for Nonprofits - 2013
WordPress for Nonprofits - 2013WordPress for Nonprofits - 2013
WordPress for Nonprofits - 2013
 
The Power of BuddyPress in Social Media Marketing
The Power of BuddyPress in Social Media MarketingThe Power of BuddyPress in Social Media Marketing
The Power of BuddyPress in Social Media Marketing
 
Building Websites with WordPress UBC Summer 2012
Building Websites with WordPress UBC Summer 2012Building Websites with WordPress UBC Summer 2012
Building Websites with WordPress UBC Summer 2012
 
Baku Social Media Seminar - Day 3
Baku Social Media Seminar - Day 3Baku Social Media Seminar - Day 3
Baku Social Media Seminar - Day 3
 
Introduction to WordPress
Introduction to WordPressIntroduction to WordPress
Introduction to WordPress
 
Score intro wordpress 4.3.2013
Score intro wordpress 4.3.2013Score intro wordpress 4.3.2013
Score intro wordpress 4.3.2013
 
Edu614 session 4 summer 14
Edu614 session 4 summer 14  Edu614 session 4 summer 14
Edu614 session 4 summer 14
 
WordPress Theme Basics
WordPress Theme BasicsWordPress Theme Basics
WordPress Theme Basics
 
DesmosWebinar_VirtualMath_040920.pptx
DesmosWebinar_VirtualMath_040920.pptxDesmosWebinar_VirtualMath_040920.pptx
DesmosWebinar_VirtualMath_040920.pptx
 
Create Your Own Starter Files
Create Your Own Starter FilesCreate Your Own Starter Files
Create Your Own Starter Files
 
WordPress102 - WordCamp Milwaukee 2015
WordPress102 - WordCamp Milwaukee 2015WordPress102 - WordCamp Milwaukee 2015
WordPress102 - WordCamp Milwaukee 2015
 
Should I DIY or BUY a new WordPress website?
Should I DIY or BUY a new WordPress website? Should I DIY or BUY a new WordPress website?
Should I DIY or BUY a new WordPress website?
 
Samantha thebridge atlas camp 2012 talk
Samantha thebridge atlas camp 2012 talkSamantha thebridge atlas camp 2012 talk
Samantha thebridge atlas camp 2012 talk
 

Recently uploaded

Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...
Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...
Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...
mahigarg2024#G05
 
Build a Professional Resume using Canva , Tanapat Limsaiprom
Build a Professional Resume using Canva , Tanapat LimsaipromBuild a Professional Resume using Canva , Tanapat Limsaiprom
Build a Professional Resume using Canva , Tanapat Limsaiprom
TanapatLimsaiprom1
 
Dewanstudio Project Portfolio 2023 show case
Dewanstudio Project Portfolio 2023 show caseDewanstudio Project Portfolio 2023 show case
Dewanstudio Project Portfolio 2023 show case
DEWANSTUDIO.COM
 
Draya Michele’s Son – Kniko Howard’s Rise to Fame.pptx
Draya Michele’s Son – Kniko Howard’s Rise to Fame.pptxDraya Michele’s Son – Kniko Howard’s Rise to Fame.pptx
Draya Michele’s Son – Kniko Howard’s Rise to Fame.pptx
ashishkumarrana9
 
Trading Strategy for London silver bullet
Trading Strategy for London silver bulletTrading Strategy for London silver bullet
Trading Strategy for London silver bullet
OkgatoSemadi1
 
How-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdf
How-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdfHow-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdf
How-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdf
Dolphin Data Lab
 
AWS Networking Basic , tanapat limsaiprom
AWS Networking Basic , tanapat limsaipromAWS Networking Basic , tanapat limsaiprom
AWS Networking Basic , tanapat limsaiprom
ธนาพัฒน์ ลิ้มสายพรหม
 
Iot-Internet-of-Things_Industrial revolution 4.0-ppt.pptx
Iot-Internet-of-Things_Industrial revolution 4.0-ppt.pptxIot-Internet-of-Things_Industrial revolution 4.0-ppt.pptx
Iot-Internet-of-Things_Industrial revolution 4.0-ppt.pptx
DeepakKumar862274
 
Jarren Duran Fuck EM T shirts Jarren Duran Fuck EM T shirts
Jarren Duran Fuck EM T shirts Jarren Duran Fuck EM T shirtsJarren Duran Fuck EM T shirts Jarren Duran Fuck EM T shirts
Jarren Duran Fuck EM T shirts Jarren Duran Fuck EM T shirts
exgf28
 
Tarun Gaur On Data Breaches and Privacy Fears
Tarun Gaur On Data Breaches and Privacy FearsTarun Gaur On Data Breaches and Privacy Fears
Tarun Gaur On Data Breaches and Privacy Fears
Tarun Gaur
 
Information Systems Auditing, Controls and Assurance , tanapat limsaiprom
Information Systems Auditing, Controls and Assurance , tanapat limsaipromInformation Systems Auditing, Controls and Assurance , tanapat limsaiprom
Information Systems Auditing, Controls and Assurance , tanapat limsaiprom
TanapatLimsaiprom1
 
Chennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai Available
Chennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai AvailableChennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai Available
Chennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai Available
shamrisumri
 
Bai-Tập-Tiếng-Anh-On-Tập-He lớp 1- lớp 5 hot nhất
Bai-Tập-Tiếng-Anh-On-Tập-He lớp 1- lớp 5  hot nhấtBai-Tập-Tiếng-Anh-On-Tập-He lớp 1- lớp 5  hot nhất
Bai-Tập-Tiếng-Anh-On-Tập-He lớp 1- lớp 5 hot nhất
Thiên Đường Tình Yêu
 
Why Your Business Needs a Professional Web Design Company UAE
Why Your Business Needs a Professional Web Design Company UAEWhy Your Business Needs a Professional Web Design Company UAE
Why Your Business Needs a Professional Web Design Company UAE
adelewhite125
 
@Girls @Call Chennai 🛬 XXXXXXXXXX 🛬 available 24*7 cash payment book now pay ...
@Girls @Call Chennai 🛬 XXXXXXXXXX 🛬 available 24*7 cash payment book now pay ...@Girls @Call Chennai 🛬 XXXXXXXXXX 🛬 available 24*7 cash payment book now pay ...
@Girls @Call Chennai 🛬 XXXXXXXXXX 🛬 available 24*7 cash payment book now pay ...
shamrisumri
 
Cyber Security Course & Guide. X.GI. pdf
Cyber Security Course & Guide. X.GI. pdfCyber Security Course & Guide. X.GI. pdf
Cyber Security Course & Guide. X.GI. pdf
RohitRoshanBengROHIT
 
Top 50 Telephone Conversation Sample Examples For IT Industries.pdf
Top 50 Telephone Conversation Sample Examples For IT Industries.pdfTop 50 Telephone Conversation Sample Examples For IT Industries.pdf
Top 50 Telephone Conversation Sample Examples For IT Industries.pdf
Krishna L
 
workbook and project U5 1ºsecundaria.pdf
workbook and project U5 1ºsecundaria.pdfworkbook and project U5 1ºsecundaria.pdf
workbook and project U5 1ºsecundaria.pdf
anya2024forgya
 
6 Reasons to Use a VPN | 3S VPN Server App
6 Reasons to Use a VPN | 3S VPN Server App6 Reasons to Use a VPN | 3S VPN Server App
6 Reasons to Use a VPN | 3S VPN Server App
VPN Server
 
Web development Platform Constraints.pptx
Web development Platform Constraints.pptxWeb development Platform Constraints.pptx
Web development Platform Constraints.pptx
ssuser2f6682
 

Recently uploaded (20)

Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...
Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...
Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...
 
Build a Professional Resume using Canva , Tanapat Limsaiprom
Build a Professional Resume using Canva , Tanapat LimsaipromBuild a Professional Resume using Canva , Tanapat Limsaiprom
Build a Professional Resume using Canva , Tanapat Limsaiprom
 
Dewanstudio Project Portfolio 2023 show case
Dewanstudio Project Portfolio 2023 show caseDewanstudio Project Portfolio 2023 show case
Dewanstudio Project Portfolio 2023 show case
 
Draya Michele’s Son – Kniko Howard’s Rise to Fame.pptx
Draya Michele’s Son – Kniko Howard’s Rise to Fame.pptxDraya Michele’s Son – Kniko Howard’s Rise to Fame.pptx
Draya Michele’s Son – Kniko Howard’s Rise to Fame.pptx
 
Trading Strategy for London silver bullet
Trading Strategy for London silver bulletTrading Strategy for London silver bullet
Trading Strategy for London silver bullet
 
How-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdf
How-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdfHow-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdf
How-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdf
 
AWS Networking Basic , tanapat limsaiprom
AWS Networking Basic , tanapat limsaipromAWS Networking Basic , tanapat limsaiprom
AWS Networking Basic , tanapat limsaiprom
 
Iot-Internet-of-Things_Industrial revolution 4.0-ppt.pptx
Iot-Internet-of-Things_Industrial revolution 4.0-ppt.pptxIot-Internet-of-Things_Industrial revolution 4.0-ppt.pptx
Iot-Internet-of-Things_Industrial revolution 4.0-ppt.pptx
 
Jarren Duran Fuck EM T shirts Jarren Duran Fuck EM T shirts
Jarren Duran Fuck EM T shirts Jarren Duran Fuck EM T shirtsJarren Duran Fuck EM T shirts Jarren Duran Fuck EM T shirts
Jarren Duran Fuck EM T shirts Jarren Duran Fuck EM T shirts
 
Tarun Gaur On Data Breaches and Privacy Fears
Tarun Gaur On Data Breaches and Privacy FearsTarun Gaur On Data Breaches and Privacy Fears
Tarun Gaur On Data Breaches and Privacy Fears
 
Information Systems Auditing, Controls and Assurance , tanapat limsaiprom
Information Systems Auditing, Controls and Assurance , tanapat limsaipromInformation Systems Auditing, Controls and Assurance , tanapat limsaiprom
Information Systems Auditing, Controls and Assurance , tanapat limsaiprom
 
Chennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai Available
Chennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai AvailableChennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai Available
Chennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai Available
 
Bai-Tập-Tiếng-Anh-On-Tập-He lớp 1- lớp 5 hot nhất
Bai-Tập-Tiếng-Anh-On-Tập-He lớp 1- lớp 5  hot nhấtBai-Tập-Tiếng-Anh-On-Tập-He lớp 1- lớp 5  hot nhất
Bai-Tập-Tiếng-Anh-On-Tập-He lớp 1- lớp 5 hot nhất
 
Why Your Business Needs a Professional Web Design Company UAE
Why Your Business Needs a Professional Web Design Company UAEWhy Your Business Needs a Professional Web Design Company UAE
Why Your Business Needs a Professional Web Design Company UAE
 
@Girls @Call Chennai 🛬 XXXXXXXXXX 🛬 available 24*7 cash payment book now pay ...
@Girls @Call Chennai 🛬 XXXXXXXXXX 🛬 available 24*7 cash payment book now pay ...@Girls @Call Chennai 🛬 XXXXXXXXXX 🛬 available 24*7 cash payment book now pay ...
@Girls @Call Chennai 🛬 XXXXXXXXXX 🛬 available 24*7 cash payment book now pay ...
 
Cyber Security Course & Guide. X.GI. pdf
Cyber Security Course & Guide. X.GI. pdfCyber Security Course & Guide. X.GI. pdf
Cyber Security Course & Guide. X.GI. pdf
 
Top 50 Telephone Conversation Sample Examples For IT Industries.pdf
Top 50 Telephone Conversation Sample Examples For IT Industries.pdfTop 50 Telephone Conversation Sample Examples For IT Industries.pdf
Top 50 Telephone Conversation Sample Examples For IT Industries.pdf
 
workbook and project U5 1ºsecundaria.pdf
workbook and project U5 1ºsecundaria.pdfworkbook and project U5 1ºsecundaria.pdf
workbook and project U5 1ºsecundaria.pdf
 
6 Reasons to Use a VPN | 3S VPN Server App
6 Reasons to Use a VPN | 3S VPN Server App6 Reasons to Use a VPN | 3S VPN Server App
6 Reasons to Use a VPN | 3S VPN Server App
 
Web development Platform Constraints.pptx
Web development Platform Constraints.pptxWeb development Platform Constraints.pptx
Web development Platform Constraints.pptx
 

BrickPress: Explaining WordPress Using LEGO Master Builder Techniques

  • 1. BrickPress Explaining WordPress Using LEGO Master Builder Techniques Adam Soucie
  • 2. • Freelance WordPress developer • “Self taught” • Loves to build LEGO with my 4-year old daughter A little about me @AdamSoucie | adamsoucie.com
  • 3. What this talk is NOT • Aimed at advanced developers • Specific to plugins or theme development • A “How To” do anything in particular • Will not teach you code @AdamSoucie | adamsoucie.com
  • 4. What this talk IS • For relative beginners • A different way to look at WordPress and web development in general • Awesome. @AdamSoucie | adamsoucie.com
  • 5. • Set of principles and techniques used by LEGO • Foundation for how official sets are built • Available in a series of sets called the Master Builder Academy Master Builder Techniques @AdamSoucie | adamsoucie.com
  • 6. 7 Techniques 1. Locking 2. Sideways Building 3. Size Scaling 4. Small Elements 5. Balance 6. Details 7. Alternate Uses @AdamSoucie | adamsoucie.com
  • 7. • The process of joining two or more bricks with one that lies across either on top, underneath, or both • Makes your elements more stable Technique #1: Locking @AdamSoucie | adamsoucie.com
  • 8. • Using “clearfix” to contain floated elements • Wrapping partner elements in a container <div> Applying to WordPress @AdamSoucie | adamsoucie.com
  • 9. • Uses special pieces with studs on the side • Allows a model to extend horizontally or diagonally as well as vertically • The basis for the SNOT (Studs Not On Top) technique Technique #2: Sideways Building @AdamSoucie | adamsoucie.com
  • 10. • Widget areas • Most common areas are sidebars and footers • Genesis Framework uses them to create variable home pages • Allows functionality to extend in customized ways Applying to WordPress @AdamSoucie | adamsoucie.com
  • 11. • Standard model size is minifigure scaled • Models at Legoland’s are Miniland scaled • Common to find sets that are miniature scale Technique #3: Size Scaling @AdamSoucie | adamsoucie.com
  • 12. • Altering text sizes and padding to account for different devices • Making buttons and other clickable areas optimized for touch screens Applying to WordPress @AdamSoucie | adamsoucie.com
  • 13. • Combines with size scaling • Uses small elements (typically 1 stud by 1 stud) • Mimics larger elements at a smaller scale Technique #4: Small Elements @AdamSoucie | adamsoucie.com
  • 14. • Tied to responsive design • Mobile first design philosophy • Built-in Column classes • Flexbox Applying to WordPress @AdamSoucie | adamsoucie.com
  • 15. • Basic physics • If something is too heavy on one side, it will fall over • Symmetry is your friend Technique #5: Balance @AdamSoucie | adamsoucie.com
  • 16. • Padding, padding, padding • Line height • Balancing sidebar content with page content Applying to WordPress @AdamSoucie | adamsoucie.com
  • 17. • Exactly what you’d think • Helps identify your models • Spaceships use lasers, Castle sets use swords • Translucent bricks help indicate movement or action Technique #6: Details @AdamSoucie | adamsoucie.com
  • 18. • Transition states • Flat vs. Skeuomorphic design • Using colors to indicate actions, especially with buttons Applying to WordPress @AdamSoucie | adamsoucie.com
  • 19. • Very few pieces have just one use • A silver frog could also be a wall sconce • Use your imagination! Technique #7: Alternate Uses @AdamSoucie | adamsoucie.com
  • 20. • Creative problem solving • Chain “get_the_” functions to access post information • You access just about anything with a post ID Applying to WordPress @AdamSoucie | adamsoucie.com