Design writing, tool observations, and practical notes.
Last week, TailwindCSS released their v4 version with revamped color tokens using OKLCH. I forsee more web devs are going to adopt OKLCH as the new standard for color tokens. This might sound very technical, but it's actually a significant change UI/UX designer should be aware of. With major browsers now reaching 93.1% adoption rate, OKLCH is on track to be the new standard that bridges design and
Actually there are a lot of SaaS that offer web scraping that can map out data or even enrich the data using AI. I tried Instant Data, it's very straightforward when you're dealing with a single layer data structure. I also tried Claywhich is marketed as CRM/ lead generator with extensive AI and API support. In the end, I have successfully scrape the data I needed with Webscraper.io which the Chr
I recently faced an issue with my macOS Finder: the sidebar was missing, and I couldn't figure out why. After some digging, I realized I had accidentally disabled the toolbar. It turns out that when the toolbar is off, the sidebar won't display either. Just a little tip for anyone else who might run into this!
Next has released @next/font solution to integrate with google fonts as well as local fonts. Check out https://nextjs.org/docs/pages/building-your-application/optimizing/fonts for the latest implementation There isn't an official guide on applying custom fonts with TailwindCSS in NextJS site. It took a while for me to experiment but turns out it's quite easy to do it yourself. So following the def
Using ContentLayer, it's easy to create a Prev & Next component if you want to encourage users to read one blog article and then the order. All it takes are two simple step. 1. Create related posts logic on blog single page You should already have blog single page setup in the file like `/blog/[slug].tsx`. In addition to it you will need to create an index of posts, assuming you want to build a ch
This website has entered v3 of its iteration! v2 was created using Gatsby and integrated with my previous design resources `dojo.today`. Entering v3, I'm migrating the website from Gatsby to Next.js 14! Things that I'm considering during the revamp: For me there are two key pillar of content that require to migrate from this website 1. Blog articles on juxtdesign.cc that previously saved as Markd