Technology News

Defensive CSS

Ahmad Shadeed nails it again with “Defensive CSS.” The idea is that you should write CSS to be ready for issues caused by dynamic content.

More items than you thought would be there? No problem, the area can expand or scroll. Title too long? No problem, it either wraps or truncates, and won’t bump into anything weird because margins or gaps are set up. Image come over in an unexpected size? No worries, the layout is designed to make sure the dedicated area is filled with image and will handle the sizing/cropping accordingly.

There is no such thing as being a good CSS developer and not coding defensively. This is what being a CSS developer is, especially when you factor in progressive enhancement concepts and cross-browser/device unknowns.

The Web is More Gooder, and Other Observations on Today’s Web Tech
‘Serious’ talk between Joe Biden, Putin sets stage for diplomacy 

Related Articles

How to Generate E-Way Bill

how-to-generate-e-way-bill
An e-way bill is a compliance system created by the Government of India to ensure that the goods transported across the country abide by the GST laws and further prevent…

Three Ways to Blob with CSS and SVG

three-ways-to-blob-with-css-and-svg
Blobs are the smooth, random, jelly-like shapes that have a whimsical quality and are just plain fun. They can be used as illustration elements and background effects on the web.…

Working with Forms in React

Exploring the Potential of the Metaverse: A New World Awaits
Almost every application needs to accept user input at some point, and this is usually achieved with the venerable HTML form and its collection of input controls. If you’ve recently…

50 Essential jQuery Tutorials & Resources

50-essential-jquery-tutorials-resources
From jQuery homepage – “jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed…

Why Ember?

why-ember
There was a time when I’d write React, Angular, and Ember as a kind of generic grouping of three major JavaScript frameworks. And maybe just because three is a nice…

How to Create a Firefox Add-on

Exploring the Potential of the Metaverse: A New World Awaits
In this tutorial, we’ll go over how to create a Firefox add-on that allows the user to create alarms at specified times with custom text. We’ll cover how to create…