I’m a somewhat minimalist when it comes to my physical workspace and tooling. My desk setup is a bit comical during these unprecedented times but none-the-less effective. I’ve built up this collection over the course of ten plus years. If I’m writing to my younger self… take your time and switch to Apple from Windows […]
Web
Jump-to Links Done Right
A quick CSS tip to kick off the week: to stop jump-to links from touching the top of the page when clicked use the scroll-margin-top property. Using the CSS property will give your design a touch of breathing room. Now, you will not want the page scroll “snapping” scroll-margin-top creates to be always-on (you will […]
Link Share: Issue #2
Today I want to share the podcasts I listen too frequently. Some shows have changed my life. Some shows are new. Some have been around for a long time. The Tim Ferriss Show The Stack Overflow Podcast The Laravel Podcast The GaryVee Audio Experience The CSS Podcast The Case Jarvis LIVE Show Syntax. Planet Money […]
Mono Fonts with Ligatures for Your IDE
Finding and using the right font for your IDE can be challenging. But, once you find the right font the readability of your code will significantly improve. Let’s review a few mono fonts… specifically those with ligatures. Mono fonts come in two flavors: those with ligatures and those without. My personal preference is to use […]
Always Use <main>
Confession time. Do you need to make accessibility a higher priority in your work? I know I do. Over the last several months, I’ve made a big push to learn more about the core technologies that make the web accessible to everyone. But, I still need to do way more in the area of accessibility. […]
Vertically & Horizontally Centering an Element with CSS in 2020
Centering an element vertically and horizontally with CSS several years ago was nearly impossible. The process often involved either CSS negative margins or table layouts… all sorts of impractical rubbish. Then CSS flexbox happened. Flexbox made centering and moving elements around the screen fun for the first time in the history of CSS. In fact, […]
