webstack
Building a Tennis Trivia App With Next.js and Netlify
Today we will be learning how to build a tennis trivia app using Next.js and Netlify. This technology stack has become my go-to on many projects. It allows for rapid development and easy deployment.
Without further ado let’s jump in!
What we’re using
Next.jsNetlifyTypeScriptTailwind CSS
Why Next..
Comparing Google Analytics and Plausible Numbers
I saw this blog post the other day: 58% of Hacker News, Reddit and tech-savvy audiences block Google Analytics. That’s an enticing title to me. I’ve had Google Analytics on this site literally from the day I launched it. While we tend to see some small growth each year, I’m also aware that the ad-bl..
Weekly News for Designers № 613
Xplorer – This cross-platform file explorer software works via web technologies.
Changing Hands: Should You Worry When a WordPress Plugin Has a New Owner? – Why a change in ownership can be a reason for cautious optimism.
Flowrift – Check out this library made of beautifully designed Tailwind CSS ..
10 Free Plugins for Customizing the WordPress Dashboard
The WordPress administration area (aka the Dashboard) can be customized in many ways. Menu items can be added, hidden, or rearranged. Access to settings can be set for specific user roles. Custom widgets can be added to help guide or pass important information on to users.
No matter what kind of tw..
Writing Your Own Code Rules
There comes a time on a project when it’s worth investing in tooling to protect the codebase. I’m not sure how to articulate when, but it’s somewhere after the project has proven to be something long-term and rough edges are starting to show, and before things feel like a complete mess. Avoid premat..
Developer Decisions For Building Flexible Components
Blog posts that get into the whole “how to think like a front-end developer” vibe are my favorite. Michelle Barker nails that in this post, and does it without sharing a line of code!
We simply can no longer design and develop only for “optimal” content or browsing conditions. Instead, we must embr..
7 UX Principles to Boost SERPs
User experience is one of the most important principles of web design. There’s no doubt that you focus on UX with every page you design on the web, whether it’s a portfolio, a profile page, or an entire website.
Unfortunately, what many experts forget is that UX doesn’t just apply to digital pages..
CSS in TypeScript with vanilla-extract
vanilla-extract is a new framework-agnostic CSS-in-TypeScript library. It’s a lightweight, robust, and intuitive way to write your styles. vanilla-extract isn’t a prescriptive CSS framework, but a flexible piece of developer tooling. CSS tooling has been a relatively stable space over the last few y..
A Themeable React Data Grid With Great UX-Focused Features
(This is a sponsored post.)
KendoReact can save you boatloads of time because it offers pre-built componentry you can use in your app right away. They look nice, but more importantly, they are easily themeable, so they look however you need them to look. And I’d say the looks aren’t even the import..
The Challenge of Designing Websites for Large Screens
Mobile devices have taken over the web. Thus, so much designer attention has (rightly) gone towards ensuring that the websites we build are compatible. We are constantly refining how we implement responsive features so that they work flawlessly on small screens.
While this is a worthwhile endeavor,..
