Playing with underline styles
When working with underlining content other than links on the web be mindful of user expectations and provide some way to distinguish links from other types of underlined content. First, we had...
CSS List Markers
I've always been curious about how people create customized list marker items, the bullets or numbers that appear in lists for webpages. Firefox shipped an easier way to customize these lists using...
Testing for selector support in CSS
This post assumes you're working on a modern browser that supports @supports and the target features you want to use. This is not always a safe assumption to make. CSS Conditional Rules Module Level...
A look at web workers
Web Workers (workers for short) are a way to create multi-threaded applications in Javascript and get around the language's single-threaded application model. According to Surma: Web Workers, also...
Web Bundles as content packages
A web bundle, formally known as a Bundled HTTP Exchanges is a set of resources packaged together for distribution with a .wbn extension and application/webbundle mime type. The bundle contains...
display: flow-root, a clearfix replacement
display: flow-root # The post talks about elements of a W3C candidate recommendation, CSS Display Module Level 3. It's possible but highly unlikely, that things will change before the recommendation...
Adding transparency to hex colors
One thing hidden somewhere in the CSS specifications is the fact that you can use four or eight digits to represent a hexadecimal color, three or six to represent the color and one or two to represent...
Difference between inline and inline-block
As I was working on a side project, the same one where I was using buttons I saw examples using display: inline-block used in the button styles. Why should I use inline-block instead of inline styles?...
Styling buttons
I was working on a side project where I have a series of buttons but when I tried to style them the CSS did nothing. In doing research, I discovered several things you can do and that I wasn't doing...
Shapes in CSS: Freeing the layout
Shapes allow you to wrap text around parts of an image or a predefined shape. Using these shapes we can change the way text looks on the screen Shape without image # In its most simple way, we can...