Categories
CSS Design HTML Tips 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 […]

Categories
Content CSS HTML JavaScript Laravel Leadership Links Marketing PHP SEO Web

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 […]

Categories
Design Links Web

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 […]

Categories
Accessibility CSS HTML Web

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. […]

Categories
CSS Web

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, […]