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
One of the drawback of adopting Tailwind is spotting invalid classnames and combining styles according props. Cn function propose by ByteGrad help merging classnames and accept arguments. https://www.youtube.com/watch?v=re2JFITR7TI
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
週末打開設計圈，AI 的話題不在「更強」，而在「品味」這件事上 ➡️ 1️⃣ Anthropic 推出 Claude Opus 4.8——主力模型再升級，AI 協作的生成品質再上一階。改稿、發想的天花板又被推高。 2️⃣