We talk about CSS, Flexbox, CS Grids, CSS frameworks like Bootstrap and Foundation, Sass and other CSS pre-processors.
Our panel this week:
Alex Denning from https://alexdenning.com/ and https://masterwp.co/
Jackie D'Elia from https://jackiedelia.com/
Sallie Goetsch from https://wpfangirl.com/
Jonathan Denwood from https://www.wp-tonic.com/
John Locke from Lockedown SEO
Episode 138 Table of Contents
0:00 Podcast Intros.
1:49 WordPress New Story #1: The Wix Mobile App, A WordPress Joint
https://ma.tt/2016/10/wix-and-the-gpl/
8:07 WordPress Story #2: Lessons from failing to sell WordPress themes at the start of the gold rush
https://alexdenning.com/lessons-sell-wordpress-themes/
25:08 Main Topic: All About CSS
25:26 What things do you find frustrating about CSS?
27:18 How has CSS changed over the years?
30:16 Flexbox, and the CSS problems it has solved
34:44 The browsers that tend to have browser quirks in 2016/2017
37:02 Do CSS Frameworks make front-end development easier or harder?
42:31 Jackie's workflow with Sass and PostCSS.
50:47 John is still old-school with CSS.
51:48 Sallie's workflow and where she wants to go.
53:40 Email is the final frontier for relatively easy CSS support.
58:47 When will CSS Grid be supported in the majority of browsers?
1:02:39 What are some innovative uses of CSS you have seen this year?
1:07:40 Podcast outros
===================
Links Mentioned During Episode 138:
A Complete Guide to Flexbox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Using CSS Flexible Boxes
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes
Flexibility: A JavaScript polyfill for Flexbox
https://github.com/jonathantneal/flexibility
Sass: Syntactically Awesome Style Sheets
Grunt: The JavaScript Task Runner
Gulp: The streaming build system
Animate.css
https://daneden.github.io/animate.css/
A Complete Guide to (CSS) Grid
https://css-tricks.com/snippets/css/complete-guide-grid/
CSS Grid Layout Module Level 1
https://www.w3.org/TR/2016/CR-css-grid-1-20160929/
Target Safari 7.1 and 8.0 CSS Styles (OSX Yosemite)
https://www.lockedownseo.com/target-safari-7-1-and-8-0-css-styles-osx-yosemite/
Bootstrap
Foundation by Zurb
High Performance Responsive Design by Tom Barker (O'Reilly Media)
