头部导航栏几乎是每个网站必备的元素，可以提供快速的页面跳转和主要信息展示。本文介绍以 Next.js 框架，结合 Tailwind CSS, Headless UI 如何制作一个响应式头部导航栏组件。

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 p…

什么是响应式？同一个页面在不同屏幕尺寸下有不同的布局。 传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就好了，缺点是CSS比较重。 栅格系统用于处理页面多终端适配的问题。栅格的响应式能力，得益于CSS3媒体查询（Media Queries）的强力…

之前写了一篇Windows版的，有些朋友就问了，好奇Mac上应该怎么配置自定义协议来通过浏览器唤醒本地应用。这篇文章我就简单记录一下。

背景 最近在做一个社区互动相关的项目，以客户端为主，网页端为辅。其中有一个重要的业务需求，app内部分享到其它地方。 很常见的一个方案，主要的流程包括：app分享到第三方应用，第三方内部可以直接打开网

Vue中pc端与移动端适配解决方案 0. 前言 目前常见屏幕适配方案很多，眼花缭乱，比如：postcss-pxtorem、postcss-px2rem、px2rem-loader、postcss-pl

前言 在入职两个月后，我开始了第一个完全由我一个人负责开发的网站项目。这个网站的用途是用于 宣传一个开源社区峰会 以及 沉淀峰会视频内容 ，在峰会进行期间还需要在网站进行 直播 。从网站的开发到部署上

壹 ❀ 关于 vercel Vercel 是一个云服务平台，支持静态网站（纯静态页面，比如现在base utils 文档也是基于vercel）和动态网站的应用部署、预览和上线。如果你用过 GitHub

最近 Next.js 14 发布了，虽然之前也有用过 Next.js，也看过一些关于 SSR 的文章，但是一直没有动手实现过。这次正好趁着这个机会，从零开始手动实现一个 React SSR 服务端渲染