大前端
-
移动Web 开发中的 Off Canvas 导航
Jeff 最近发布的DeveMobile 与EaseMobile 主题在导航栏上采用的是在一些native app 中常见的Off Canvas 导航。而关于 Off Canvas 导航，这里提供结合开发主题过程及网络上的资料，从个人认知的角度介绍下 Off Canva…
-
iOS / Android 移动设备中的 Touch Icons
上次转载了一篇《将你的网站打造成一个iOS Web App》，但偶然发现这篇文章的内容有些是错误的——准确来说也不是错误，只是不适合自半年前来的情况了（也可以说是iOS7 之后的时间）——话说现在的的移动设备真是日新月…
-
将你的网站打造成一个iOS Web App
最近在做一个手机主题，据说借用类似 link href="xx.png" rel="nofollow" rel="nofollow" rel="apple-touch-icon-precomposed" /的代码在apple 设备上有很好的体验，然后就搜索到一篇文章详细讲这个的，所以就转载…
-
jQuery Builder：jQuery 库的精简之道
最近在做一个手机主题，为了用上看似华丽的Ajax 特效，不得不用上jQuery（不要问我为什么不用原生js，要是我会写就不用那么费劲了）。但众所周知Jquery 库是日渐臃肿，就最新的版本，min版本（压缩版）就有90多kb，…
-
Normalize.css ——CSS Reset的友好替代品
最近才第一次接触这个Normalize.css，之前Jeff 都是采用CSS Reset的，但如今发现现在流行这个Normalize.css 了。自己也查阅了不少资料去了解，现在权当是笔记放在这里吧。 Normalize.css 简介 官方网站：http://nec…
-
Font diao：国内常用网站、应用logo 的WebFont Icon（svg格式）
最近在做的一个手机主题决定是要全站图标采用流行的Web Font，毕竟在手机等移动设备上显示起来清晰（矢量放缩的好处）。但遇到一个问题：需要的国内社交网络相应的素材几乎找不到。在这一点上，国外的社交媒体有一…
-
Web 前端利器Emmet 的CSS 用法总结
承接上文《Web 前端利器Emmet 的HTML用法总结》，这篇主要是Emmet 的 html的好基友——CSS 的用法。原文来自tutsplus，由w3cplus 翻译，感谢所有原作者。 属性 CSS提供了属性的值，比如font-size，margin和 padding等…
-
Web 前端利器Emmet 的HTML用法总结
在tutsplus 那里看到一篇文章介绍Emmet 的用法，形象的gif图片一目了然，本来想翻译过来的（虽然翻译用法倒不是很难），但搜索发现已经有国人翻译过了，遂直接拿来转载在这里。 Emmet 简介 Emmet插件以前被称作为Ze…
-
响应式 HTML 邮件制作之三个实例
制作HTML 邮件并不是想象中的那么简单，不仅仅要考虑到兼容各大的邮箱的问题，加之安全因素（比如图片可能是默认不打开的，javascript 没有戏了），现在又随着移动互联网时代，还要考虑到不同设备的适应——一句话，…
-
Genericons：又一个Icon Fonts 集合项目（ Automattic出品）
之前在《WordPress 开发之使用WordPress 3.8+后台图标（dashicons）》一文中介绍过WordPress 的一个Icon Fonts 项目Dashicons。现在WordPress 的母公司Automattic 也出来个类似的项目Genericons，连项目主页都差不…