2024年07月23日 by 张 鑫旭 阅读 23608 次, 今日 7 次

盼星星,盼月亮,我的第5本书《HTML并不简单》已经正式上架了,这里讲讲为什么会想到写一本关于HTML的书籍,介绍下本书的内容结构,签字版购买等信息,希望可以得到大家的正版支持。
阅读全文…
标签: CSS世界, CSS新世界, html, HTML5, HTML并不简单
发布在 HTML相关 | 17 条评论 »
2026年07月9日 by 张 鑫旭 阅读 384 次, 今日 26 次

之前有setHTMLUnsafe(),现在新增了setHTML()方法,前有document.startViewTransition(),现在增强为元素也支持startViewTransition方法,都来看看他们的作用吧!
阅读全文…
标签: details, element, getHTML, Sanitizer, SanitizerConfig, setHTML(), setHTMLUnsafe, startViewTransition, View Transitions API
发布在 JS API | 一条评论 »
2026年07月7日 by 张 鑫旭 阅读 633 次, 今日 11 次

过去网站开发讲求SEO,可如今都是AI智能体时代,讲求的是GEO,所谓生成引擎优化,而这一块目前还是蓝海,谁先做,谁就能在 AI 充当信息入口的新格局里占据先手。
阅读全文…
标签: AI, Cloudflare, deepseek, GEO, html, link, LLM, markdown, robots, SEO, 人工智能, 微数据, 无障碍网页应用
发布在 Web综合 | 3 条评论 »
2026年06月29日 by 张 鑫旭 阅读 1206 次, 今日 6 次

告别fetch()和JSON.parse(),现在可以直接import JSON文件啦,浏览器内置能力,使用超级方便。
阅读全文…
标签: @import, fetch, json, module, TypeScript
发布在 JS API | 一条评论 »
2026年06月24日 by 张 鑫旭 阅读 1100 次, 今日 5 次

之前prefers-color-scheme实现深色模式效果的方案实在是太鸡肋了,脱离现实,远离用户,体验不佳,CSS light-dark()函数才是真正的解决之道。
阅读全文…
标签: @media, color-scheme, contrast, darken, light-dark(), prefers-color-scheme, prefers-contrast
发布在 CSS相关 | 一条评论 »
2026年06月22日 by 张 鑫旭 阅读 1181 次, 今日 3 次

介绍两个我觉得相当实用的HTML和DOM新特性,自此,无JS交互的场景再次丰富了一层,有兴趣的可以进来了解一番。
阅读全文…
标签: beforetoggle, command, commandfor, details, dialog, popover, popovertarget, toggle()
发布在 CSS相关 | 一条评论 »
2026年06月10日 by 张 鑫旭 阅读 2113 次, 今日 2 次

CSS图形表现领域又加入了一员猛将,那就是border-shape属性,可以实现任意的边框图形效果,且不只是边框。
阅读全文…
标签: border-shape, caret-shape, clip-path, corner-shape, CSS Shapes, drop-shadow, shape()
发布在 CSS相关 | 2 条评论 »
2026年06月1日 by 张 鑫旭 阅读 2198 次, 今日 7 次

CSS终于出了个可以自动匹配色值对比度的函数,这在无障碍访问领域特别受用,前景背景色从此可以自动适配了。
阅读全文…
标签: color, contrast, contrast-color, prefers-contrast, 无障碍网页应用, 颜色
发布在 CSS相关 | 6 条评论 »
2026年05月29日 by 张 鑫旭 阅读 2152 次, 今日 24 次

继preventScroll参数之后,JS focus()方法又新增了一个名为focusVisible的可选参数,你知道它的作用是什么吗?(文末有个人碎碎念)
阅读全文…
标签: :any-link, :focus-visible, focus, focusVisible, preventScroll, 人工智能, 用户体验
发布在 JS API | 4 条评论 »
2026年05月25日 by 张 鑫旭 阅读 1924 次, 今日 21 次

text-align 也藏冷门小知识点!match-parent 看似和继承效果相近,实际大有区别。面对逻辑对齐与 direction 布局,它能让样式计算值转为真实方位值。日常开发极少用到,兼容性却拉满,小众装逼特性带你一文吃透。
阅读全文…
标签: direction, getComputedStyle, text-align
发布在 CSS相关 | 没有评论 »
2026年05月18日 by 张 鑫旭 阅读 2867 次, 今日 31 次

好消息,现在不仅光标的颜色,连光标的形状也能设置了,同时还能控制光标是否闪烁,CSS特性真是越来越全面了。
阅读全文…
标签: animation, caret-color, caret-shape, color, cursor, steps
发布在 CSS相关 | 2 条评论 »