HTML5 & CSS3 Articles Shared by Ben Marshall |
A quick tutorial on how to craft a fullscreen SVG crosshair mouse cursor with a special distortion effect on hover.
Here’s a quick tip if you use Pantheon’s localdev to do your local development in. Change the PHP version by updating your .lando
file.
Cards are a common design component & often allow users the ability to click anywhere on them. While this is a good UX, it’s often implemented incorrectly. Learn how to create semantic clickable cards with this great article by Christian Heilmann.
You already know about and use console.log()
, but are you using these other useful browser console commands — you can even customize them.
Say good-bye to the old CSS aspect ratio box hacks and hello to the native aspect-ratio
property. Learn how to create containers that keep their aspect ratio when resized — natively!
Check out this awesome CodePen demo by Mert Cukuren where he used Tailwind CSS to create a dashboard that supports dark mode.
👋 Howdy! My name is Ben Marshall & I’ve been developing websites for over 20 years. I specialize in WordPress development, SEO strategy & LOVE what I do. Familiar with CSS-Tricks? … you should be, my site’s design was heavily inspired by it — hope you like it.
I build websites for both small mom & pop shops to large Fortune 500 companies. In addition to freelance work, I also have a full-time position at the New York-based Entermedia agency. Need a site, help with an existing one or a boost in search engines? I’m your guy, contact me today!
Are you a non-profit or organization helping the community and in need of a site? I offer heavily discounted services — sometimes free — to worthy causes.