Tag: #tips
- Takes 1 min to read.
How to make Chrome Canary your default browser
A post showing how to make a secondary installation of Google Chrome your default browser.
- Takes 3 min to read.
Fancy Numbering with CSS Counters
As a front-end developer, it’s likely that you had faced the challenge of styling lists of numbers before: Whether you were building a to-do list, a recipe website or a pagination component, chances are you ended up resorting on JavaScript to do the counting for you. Today, I want to show you a nifty CSS trick that will save up some of your bundle size, by doing all of that with good ol’ CSS. Embrace CSS Counters and the :before pseudo-element!
- Takes 4 min to read.
Should I Stay or Should I Go? External links, Accessibility and New Tabs
'Opening links on new windows can be disorienting for some folks, if they are not warned in advance. That's why it's recommended to limit its usage. Providing a warning allows the user to decide if they want to leave the current window, and if so, help them find their way back. In this post, we'll discuss about the downsides of new tab links, and explore a few techniques to add an indicator to them, should you need to use them.'
- Takes 4 min to read.
Ditching the mailto link: Click to Copy Email pattern
According to the statistics, less than 15% of desktop users configure their native apps for email sending. If this is so infrequent, then why we all slam mailto: links in our websites? In this post, we’ll explore some alternate techniques, along with some use cases where it’s worth using it.
- Takes 2 min to read.
Responsive Background Images with image-set
When we talk about responsive images, we tend to associate it with the HTML way of doing that, using srcset, sizes or the <picture> element. We were able to set different images in CSS using @media queries since forever, but the syntax was a bit cumbersome. However, CSS also has a less-known way of setting different images based on the screen resolution: The image-set() function.