Most recent post
Cutting down on vendor prefixes
Most web developers currently use vendor prefixes in CSS to enable certain features in some browsers. That’s fine, but sometimes I see code examples and prefix-adding tools that go a bit overboard with the support and add every possible prefix that has ever been in use (and sometimes even ones that were never used). I think there are a bunch of CSS properties that we can safely stop using vendor prefixes for, or at least considerably cut down on the number of prefixes.
Slightly older posts
Full-width justified vertically centered navbar
Two different ways of creating a full-width navigation bar with vertically centered links whose entire height is clickable.
Responsive scrollable tables
A responsive technique for making data tables (or any other element) wider than their parent horizontally scrollable.
Height in percent when parent has min-height and no height
Giving an element a height in percent may not do what you expect if its parent does not have an explicit height set.
How to proportionally scale images that have dimension attributes
Images that have dimension attributes in the HTML will retain their height when scaled down with CSS unless you add a height:auto declaration.
Firefox and the magical text-overflow:ellipsis z-index
If you start seeing mysterious dots rendered on top of positioned elements in Firefox, check your text-overflow and z-index properties.
Replacing images when printing
Sometimes you want to use different images when viewing a web page on screen and when printing it. One way of doing that is to use CSS generated content.
Using a transparent image as an icon fallback
When you use an icon or other graphic instead of text for buttons, make sure there is real text for users who cannot see the image.
Subscribe / follow
Sponsors
DreamHost web hosting
Use the promo code 456BEREASTREET3 to save USD 20 when you sign up for DreamHost