Designing With Code
Matthew Ström demonstrates the amazing potential of code as a design tool by exploring some visual ideas directly in code.
Make Your Web Layouts Bust Out of the Rectangle With the Firefox Shape Path Editor
Josh Marinacci gives an introduction to CSS Shapes and the new Shape Path Editor in Firefox Developer Tools.
From Our Sponsor
We’ve got what you’re looking for.
Light up your life and push your career to new heights. Discover the future of UX design and front-end development at the web conference that’s been lighting our industry since 2006. Join the finest minds in web design, code, and content for three days of illuminating techniques and eye-opening concepts that’ll truly hit the spot.
Articles & Tutorials
Improving Client-Side Performance
TJ Fogarty shares a few ways in which you can improve client-side performance focusing on images, third-party scripts and more.
Is Your CSS Feature Detection Robust Enough?
Keith Clark explains why simple syntax checks for feature detection may not be robust enough to future-proof your CSS.
The Cascade and Other Essential Unessentials
Tim Kadlec on why learning fundamental concepts of CSS (HTML and JavaScript) makes your life as a front-end developer much easier.
Nested Links Without Nesting Links
Sara Soueidan shares an approach to building nested, or more precisely, layered links.
The Problem with font-display and Reflow
Zach Leatherman shows how to avoid reflow caused by font-display property.
Customise Radio Buttons Without Compromising Accessibility
Chen Hui Jing covers the different methods of hiding radio buttons, their effects on accessibility and how to ensure they remain navigable via the keyboard.
Promoted Link
Digital Ocean
Digital Ocean is a reliable, easy-to-use cloud computing platform, with a control panel and API that will let you spend more time coding and less time managing your infrastructure.
Tools
Project Explorer
Project Explorer is a CLI tool to create an annotated tree visualization of any project.
CodeZen
CodeZen is a web app that generates a shareable and elegant image from your source code.
Inspiration
The Complete CSS Demo for OpenType Features
Tunghsiao Liu has created a comprehensive CSS font-feature-settings demo for OpenType features.
Until Next Week
Thanks for reading and thanks for your support, *|FNAME|*.
Happy coding,
Zoran Jambor
Until Next Week
Thanks for reading! If you find the content valuable, please consider supporting the newsletter on Patreon.
Happy coding,
Zoran Jambor
The post Issue #330 appeared first on PSD 2 WordPress.