webstack
Frameworks Helping Image Usage
I recently blogged about how images are hard and it ended up being a big ol’ checklist of things that you could/should think about and implement when placing images on websites.
I think it’s encouraging to see frameworks — these beloved tools that we leverage to help us build websites — offering a..
Improve Largest Contentful Paint (LCP) on Your Website With Ease
(This is a sponsored post.)
Optimizing the user experience you offer on your website is essential for the success of any online business. Google does use different user experience-related metrics to rank web pages for SEO and has continued to provide multiple tools to measure and improve web perfor..
Mars Theme: A Deep Look at Frontity’s Headless WordPress Theme
This post was in progress before Automattic acquired Frontity and its entire team. According to Frontity’s founders, the framework will be transitioned into a community-led project and leave the project in “a stable, bug-free position” with documentation and features. Like other open-source communit..
8 CSS & JavaScript Snippets for Creating Infographics
Infographics are one of those elements that have become equally popular in both print and web design. Regardless of the medium, these graphics help readers to better understand a concept or process. At their best, infographics take something complicated and turn them into a highly visual, yet simpli..
Don’t attach tooltips to document.body
Here’s Atif Afzal on using a
that is permanently on the page where tooltips are added/removed and how they perform vastly better than plopping those same tooltips right into the . It’s not really discussed, but the reason you put them that high-up in the DOM is so you can absolutely posi..
7 Ways to Use Gamification in Marketing Campaigns
We all want a little more fun and games in our lives. So, why not add some gamification to your next interactive content campaign?
By 2025, the gamification market is expected to witness a massive 30.1% growth rate, with global sales revenue reaching around $32 billion.
That’s because gamificatio..
The Story Behind TryShape, a Showcase for the CSS clip-path property
I love shapes, especially colorful ones! Shapes on websites are in the same category of helpfulness as background colors, images, banners, section separators, artwork, and many more: they can help us understand context and inform our actions through affordances.
A few months back, I built an applic..
How to Handle Indescribable Uniqueness in Design
Quick, how many flavors are there in food? You’ve probably heard that there are four: sweet, salty, sour, and bitter. But what would you say if I told you that someone had discovered a fifth basic flavor not too long ago?
In 1908, Japanese scientist Dr. Kikunae Ikeda did just that, when he managed ..
Can we have custom media queries, please?
Stefan Judis notes that there is a spec for custom media queries, but seemingly no momentum on it at the moment. That lack of movement is unfortunate, as it’s almost guaranteed front-end developers all over would start using it as soon as it’s ready. I know I would, as I liberally use custom propert..
Fire SVG animations (SMIL) when the SVG is visible
When requirements read “when visible” your brain should go straight to IntersectionObserver. That’s exactly what Zach is doing here to kick off an animation when it scrolls into view.
Except this animation is an SVG SMIL animation: an situation. SMIL animations have some kinda cool things..
