CSS Grids, Flexbox, Columns, Shapes and Regions, with Rachel Andrew

This episode of the Versioning Show features Rachel Andrew, a renowned CSS Grid expert and co-creator of Perch CMS. Rachel, known for her engaging teaching style, showcases her expertise through lively demonstrations, blending her background as a dancer with her deep understanding of web development.

Visit the Versioning Show Homepage

Subscribe on iTunes | Subscribe on Stitcher | View All Episodes

Key Discussion Points:

• Rachel champions the practicality and power of CSS Grid, illustrating its capabilities with real-world examples from her site, Grid by Example.
• The discussion highlights CSS Grid's role in simplifying complex web layouts, fostering more creative and responsive designs.
• The complementary nature of CSS Grid (for two-dimensional layouts) and Flexbox (for one-dimensional layouts) is explored.
• Rachel stresses the importance of mastering HTML, CSS, and JavaScript fundamentals before delving into frameworks.
• The episode emphasizes the value of continuous learning and knowledge sharing within the web development community.
• Rachel's unique journey from dancer to web development expert underscores the accessibility of the tech field.
• The conversation anticipates the widespread adoption of CSS Grid across major browsers, promising a revolution in CSS layout practices.

Show Notes:

• Rachel on Twitter: @rachelandrew
• Rachel’s personal website: rachelandrew.co.uk
• Rachel’s CSS Grid demo site: gridbyexample.com
• Perch CMS
• Perch Runway
• CSS Grid Layout
• Grid Layout status on caniuse
• Rachel’s book Get Ready for CSS Grid Layout, published by A Book Apart
• Flexbox
• CSS Working Group
• An Event Apart
• CSS Box Alignment
• CSS Multi-column Layout
• CSS Shapes
• CSS Regions
• Autoprefixer
• Say hello on Twitter: @mdavidgreen | @tevko | @versioningshow | @sitepointdotcom

Selected Quotes:

"I’ve been doing this for so long that I’m not afraid to look at something and say, ‘Well, if I need to know about that I’ll have a look at it when I need to know about it,’ and not feel that I’m missing out..."

"It doesn’t matter if you’re 18, or if you’re 65 or whatever. You’ve got things that you know, and that you can share, and you can teach."

"It’s kind of easy to jump over the basics part now...but you need to understand the basics before you jump into them."

(A full transcript follows, but is omitted here for brevity due to length constraints. The original input included a lengthy transcript.)

The above is the detailed content of CSS Grids, Flexbox, Columns, Shapes and Regions, with Rachel Andrew. For more information, please follow other related articles on the PHP Chinese website!