Build scalable responsive components

Whenever we talk about building maintainable and scalable websites, we inevitably come across JavaScript-related solutions like CSS Modules, Styled Components and Container Queries. Do we really have to use them? 

What if there's a way to build maintainable and scalable websites without JavaScript? What if it was possible to accomplish this feat in pure CSS without turning your code into a bloody hacky mess?

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Oliver Lindberg

Oliver is an independent editor, content consultant and founder of Pixel Pioneers. Formerly the editor of net magazine, he has been involved with the web design and development industry for more than a decade and helps businesses across the world create content that connects with their customers. He is passionate about content, user experience, accessibility and designing for social good. 

Latest in Responsive Design
website mockups
Mobile website design: Why is it important and what is the process?
AR design: iFly380
8 golden rules for AR design
Mobile design: Apes gather in front of a Monolithic black smartphone; it glows with various UI elements. In the background lies a mountain range lit by a rising sun that radiates out in concentric circles.
8 golden rules of mobile design
Progressive web apps
PWAs: Welcome to the mobile revolution
Customise sites with these responsive WordPress themes
6 great tools for testing responsive design for websites
Latest in How to
Rob Redman's snowy image illustrates the AE tutorial: TDW313.PT_AE_Snow.indd
How to create realistic snow with particle systems using After Effects
Ivan Mironenko ZBrush character tutorial
Craft a game-ready character asset using ZBrush and Substance 3D Painter
Oliver Schümann ZBrush bizarre baby tutorial
Create a bizarre baby sculpture in ZBrush
Alireza Khoshpayam arch-viz tips
Speedy tips to create beautifully photoreal archviz using 3ds Max and Corona
Maya 3D abstract strands tutorial
How to easily create complex and abstract animation using Maya
Whiskytree battle damage effects tutorial
Create gnarly battle damage for vehicles using a mix of Maya and Nuke