ShopTalk
671: Naming Consistency, HTML Includes, and Mixins
· Summarized
Key takeaways
- Networking at conferences like CSS Day can lead to valuable insights and collaborations.
- Naming consistency is vital in web development, and using non-standard elements can drive innovation.
- HTML includes offer practical solutions for building modular web components.
- Upcoming CSS features, such as mixins, have the potential to significantly improve coding practices.
- Dynamic text sizing based on content length is a practical solution to enhance readability.
Summary
CSS Day Insights
Chris reflects on his experience at CSS Day in Amsterdam, sharing how valuable the event was for networking and learning. He highlights the niche conversations about CSS features and the excitement of being surrounded by like-minded professionals. Chris discusses his method of note-taking during the conference, emphasizing the importance of capturing interesting insights and ideas.
Naming Consistency and Non-Standard Elements
The discussion shifts towards the challenges of naming conventions in web development, particularly in CSS. Chris mentions the importance of consistent naming across elements and how non-standard elements can help languages evolve. He brings up the concept of using emojis in naming conventions to add clarity and fun to the coding process.
HTML Includes and Custom Elements
The hosts dive into the topic of HTML includes and how they can enhance web development practices. They explore various ways to implement includes and discuss the implications for accessibility and performance. The conversation touches on how custom elements can help create rich content without overly complicating the code.
CSS Mixins and Future Features
Chris and Dave talk about the potential for CSS mixins to simplify code and enhance functionality. They discuss the expected features in upcoming CSS releases and the excitement around functionalities such as functions in CSS. The conversation highlights how these advancements could shape the future of web development.
Resizing Text Based on Content
Dave shares his recent experiments with resizing text dynamically based on the content length. He discusses the challenges of maintaining readability while implementing responsive text sizing. The conversation emphasizes the evolution of CSS properties like clamp and how they can be utilized effectively.
Sponsors
- ShopTalk Show Patreon · Support the podcast on Patreon for exclusive content and community access!
Show notes
Show Description
Chris reflects on CSS Day in Amsterdam, allowing languages to grow with nonstandard elements, naming things continues to be hard, shapes are going to get weird on the web, HTML includes get stirred up, thoughts on CSS mixins, and Dave's blogging about resizing text fun.
Links
- Understanding CSS corner-shape and the Power of the Superellipse – Frontend Masters Blog
- CSS Functions and Mixins Module
- explainers/declarative-partial-document-updates.md at main · noamr/explainers · GitHub
- Houdini APIs - Web APIs | MDN
- Inverse text-sizing based on text-length with attr() - daverupert.com
- Fit-to-Width Text: A New Technique
- inverse text-sizing with attr - bigtext.js style - contenteditable dealio
- ShopTalk Show | creating Podcasts about building websites | Patreon
Follow this show on AudioBrevity and new episodes get summarized for you. Create a free account