Upload
julie-kuehl
View
1.039
Download
0
Tags:
Embed Size (px)
Citation preview
• “...a drop-in code library
used to facilitate
development of a theme”
“A front-end web development
framework is simply a
collection of production
ready HTML/CSS/JavaScript
components that we can use
in our designs.”
F R A M E W O R K
FRAMEWORKS
PROS
• Base CSS
• Grid system
• Responsive
• Classes defined
• Typography
• Defines stuff you’d forget
about
• Broader than WordPress
FRAMEWORKS
CONS
• Not a stand-alone theme
• Usually included in a
theme’s functions.php file
or folders
• http://www.punkchip.com/w
hy-dont-you-use-bootstrap/
BOOTSTRAP
• HTML, CSS, & JS
• 12-col grid
• XS, S, M, L screen sizes
• “Mobile-first” (mostly min-width)
• Media queries based on pixels
• LESS (ported to Sass)
FOUNDATION
• HTML, CSS, & JS
• 12-col grid
• S, M, L, XL, XXL screen sizes
• “Mobile-first” (min-widths & max-widths)
• Media queries based on ems
• Sass
CHILD THEME
PROS
• Quickest and easiest choice
• DO THIS rather than hack the
theme
• Parent theme can carry the
weight
• Bork the child and the parent
is OK
• Works immediately
• 80% of the work is done for
you
CHILD THEME
CONS
• At the mercy of the parent
theme’s code
• Quality
• Security
• Upgrades
• Compatibility
• Not the leanest strategy
STARTER THEME
PROS
• You control (and are
responsible for) updates
• One and done
• It’s your code
• Lean and mean code
STARTER THEME
CONS
• You control (and are
responsible for) updates
• You have to build the
theme
• 20% of the work is done for
you
QUESTIONS TO ASK
• How will it (the site /
framework / parent theme)
change?
• Upgrades?
• Redesigns?
• Improvements?
• Budget? Timeframe?
• What will you be asking
the site to do?
• Heavy traffic?
• Heavy database use?
• Who’s going to support
it?
• What are you comfortable
with?
MY ADVICE
• Research the differences
between frameworks
• Choose one parent theme
and build several child
themes on it
• When you’re ready, find a
starter theme that you like
and use it for everything