分类目录归档:Web 技巧心得

经验之谈

Web UI 设计中交互与外观样式的取舍

  标题所指的“交互”与“外观样式”并非取舍关系,而是在这里将阐述两者各自的问题。这篇文章并不阐述技术细节,而是探讨应当如。   并且本文没图片也没太多例子,有些文字描述的比较模糊和不仔细,嘛,就大概 … 继续阅读Web UI 设计中交互与外观样式的取舍

在移动端用 Touch 事件以拖拽手指实现伪 hover

2015-11-02 然后有一个非常简单的方式实现

在需要的元素或者整个 body & html 根上绑定 touchstart 事件 … 继续阅读在移动端用 Touch 事件以拖拽手指实现伪 hover

-webkit-overflow-scrolling: touch; 隐藏滚动条

如果你不知道 -webkit-overflow-scrolling: touch; 是什么意思,它是用在移动端 webkit 内核浏览器的一个滚动条效果,通常我们的页面滚动(body 会默认采用这种方 … 继续阅读-webkit-overflow-scrolling: touch; 隐藏滚动条

HTML5 标准结构 结构化标签 基础

很多时候我们可能会将内容 页头 与 页脚 中间的内容区包裹在一个 div 当中,这样上中下内容相对分明一些,div 也会有其它用途,加 … 继续阅读HTML5 标准结构 结构化标签 基础

网站标题是否需要带有网站名称?网站标题分隔符 2015

网站标题是否需要带有网站名称?网站标题分隔符 2015 年对此的看法。 在过去我们经常这样做:我的页面 - 我的网站 现在我们依旧需要搜索结果中带有 - 我的网站 So! 但是,你在谷歌的搜索结果会看 … 继续阅读网站标题是否需要带有网站名称?网站标题分隔符 2015

针对 IE 的 CSS 写法,只对 IE 生效的 CSS写法

呃,webkit 现在基本覆盖了大范围,所以我们就只还是 IE 的问题,这个方法也是从网上其它地方搜索到的,当时自己遇到了 IE 的问题。那么,还未发布的微软斯巴达浏览器不知道又是个什么鬼,现在就到 … 继续阅读针对 IE 的 CSS 写法,只对 IE 生效的 CSS写法

Web 网页设计 0.5 像素的应用 手机网页1px变粗为2px问题

过去一段时间开始在意这个问题,但一直没去实践尝试,目前为止我还没有留意到有注意并实施操作过这个问题的网站。 这是个值得重视的细节,它可以让你的 Web 页面真正像应用程序 UI 那样细腻。 (文中涉及 … 继续阅读Web 网页设计 0.5 像素的应用 手机网页1px变粗为2px问题

关于 @media print { } 的一些建议,及 invert 做夜间模式

是作为类似 响应式 自适应 功能的代码,处理的是当浏览器执行打印命令的时候所要执行的代码(你可以在它里面再嵌套 自适应 代码 还能根据 … 继续阅读关于 @media print { } 的一些建议,及 invert 做夜间模式

HTML CSS 初始化 响应式网页基础代码

内核选择,优先 WebKit 并选择最高 IE 内核你也可以指定 IE 几,在header:

缩放,禁止移动设备触手缩放,以下 1:1 … 继续阅读HTML CSS 初始化 响应式网页基础代码