We talk with front end architect/designer Carrie Forde about atomic design and front-end development for WordPress. Carrie's Forde day job is as a front-end developer at the highly-respected WebDevStudios.
Carrie Forde on Twitter: https://twitter.com/carrieforde
Carrie's site: https://carrieforde.com/
Table of Contents for Episode 149
0:00 Podcast intros.
1:22 Carrie's origin story.
3:44 What Carrie's work typical work day looks like right now.
4:56 How difficult is it to break into front-end development in today's environment?
7:20 Carrie tells us about her Alcatraz framework for WordPress that she developed.
9:05 What are style tiles? And what is Carrie's style tiles plugin for WordPress?
12:27 Carries teaches us about atomic design and the benefits of using it in UI design.
17:10 More resources for learning about Atomic Design.
19:38 What the WordPress community can do to make themes more accessible?
21:43 A habit to develop when creating WordPress themes to make them translatable.
22:48 What inspired Carrie to build the Alcatraz framework and what ideas in Genesis she wanted to improve on.
25:06 Carries philosophy on creating themes and making them developer friendly.
27:23 What goes into a CSS refactoring project.
28:56 Where does a CSS refactoring project make sense?
30:33 What is Carrie's preferred naming or organizational convention for writing CSS?
31:48 What are some great resources for learning JavaScript?
34:31 Are there any trends in CSS and front development that Carrie sees becoming prominent in 2017?
36:10 Any resources that Carries recommends for learning front-end development?
===================
Links mentioned during the show:
WebDev Studios
Mighty Minnow
Alcatraz - A framework for creating awesome, flexible WordPress themes
https://github.com/carrieforde/Alcatraz
Style Tiles (Samantha Warren)
Style Tiles and How They Work (A List Apart)
http://alistapart.com/article/style-tiles-and-how-they-work
Faster Design Decisions with Style Tiles (An Event Apart)
WordPress Style Tiles (Carrie Forde plugin)
https://github.com/carrieforde/WordPress-Style-Tiles
Creating Themes with Atomic Design (WC Sac 2016)
https://speakerdeck.com/carrieforde/creating-themes-with-atomic-design
Atomic Design Methodology
http://atomicdesign.bradfrost.com/chapter-2/
Atomic Design: The Book
http://bradfrost.com/blog/post/atomic-design-book/
PatternLab.io
Strengths Finder 2.0
https://www.amazon.com/StrengthsFinder-2-0-Tom-Rath/dp/159562015X
BEM - Block Element Modifier
http://getbem.com/introduction/
ITCSS - Scalable, Maintainable CSS Arc...
