Styling on the Modern Web

09/13/21 • 78 min

Kellen and Will give a crash course in styling for the web. They go over traditional CSS, SASS, and CSS -in-JS. They also discuss how front-end frameworks account for styling and where UI libraries such as Charka and Material fit into the modern web.

Previous Episode

Embracing Headless WordPress with Greg Rickaby

Kellen interviews Greg Rickaby, Director of Engineering at WebDevStudios. Greg explains why WebDevStudios embraced headless development (1:30), how an open-source contribution to Next.JS lead to the creation of WebDevStudios' Next.JS starter kit (9:30), and how WebDevStudios' might utilize Atlas and other technologies in the future (1:13:12).
Links:

Greg’s Twitter: https://twitter.com/GregRickaby
Blog post: Building the Next.js 9.4 WordPress Example
https://webdevstudios.com/2020/06/02/building-the-nextjs-9-4-wordpress-example/
Blog post: Using Next.js, WebDevStudios Built a 1,000 Page Headless WordPress Website https://webdevstudios.com/2021/03/09/next-js-headless-wordpress/
Next.js WordPress Example: https://github.com/vercel/next.js/tree/canary/examples/cms-wordpress
WDS Next.js WordPress Starter: https://github.com/WebDevStudios/nextjs-wordpress-starter

Next Episode

Core Web Vitals

Have you ever heard of Core Web Vitals? Kellen and Will teach you all the basics, including how to get a good Core Web Vital score, Largest Contentful Paint, First Input Delay, and Cumulative Layout Shift. They also break down how to measure your website against Core Web Vital principles and what tools could help you out.
After you listen, don't forget to attend the Demolish Core Web Vitals event on October 21: https://events.wpengine.com/event/a1935572-690d-425a-905e-a54cfb071669/websitePage:5bbe0ca6-fd0c-4e77-b99b-de21baff9062
Links: