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.
Thanks for checking out my blog! Check out the most recent articles below. Like what you read? Shoot me a line. Have a great article to share or want to contribute one? Become a guest writer.
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.
Design tokens are just spicy variables, right? Wrong! They are an extremely versatile way of sharing design properties.
Learn how to use bfcache to significantly improve the browsing experience for users — especially those with slower connections.
👋 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.