箱猫日和

Category: html

  • svg favicon

    この繊細さ、心地よい。 ( ´・ω・)つ旦

  • 写个login form

    随手写个login form，其实没什么inspiration。 顺便学习下jade，练习下transform。 [codepen_embed height=”423″ theme_id=”5731″ slug_hash=”qpahd” default_tab=”result”]See the Pen <a href=’http://codepen.io/gsshcl/pen/qpahd/’>login form</a> by GSSxGSS (<a href=’http://codepen.io/gsshcl’>@gsshcl</a>) on <a href=’http://codepen.io’>CodePen</a>.[/codepen_embed] 话说sass支持@function了，好强大，强大的无法直视。 说不定哪天就能直接在sass里写ruby了，233。

  • IE compatible mode 和 Boilertemplate

    之前有写过一篇毫无技术含量的文章，现在要来纠正一些概念。

  • 教程：做套自己的icon font

    Part 1: Why Icon Fonts? Just because Icon Fonts are Awesome! 来谈个历史问题—— 做兼容移动设备的网页时，retina屏幕的存在导致了我们经常要为一个logo做两套图： 一套原始尺寸，另一套两倍尺寸，并且还要进行media query。 如果此时我们的logo可以随意放大缩小并且轮廓清晰的话就好了。 当然我们也可以用canvas或svg画个logo上去，但如果页面上有很多这类icon的话，这么做会累死人的…… 随着扁平化设计的流行，我们的logo、icon似乎不需要设计的那么立体化了：没有渐变没有阴影，只是单纯的纯色图形。 还记得以前在MS Word里用Wingdings字体打小图形的日子吗？ ——纯色的、可缩放、轮廓清晰。 ——没错，从很早以前开始，字体就可以满足我们这个需求了。 其实Github去年就开始用icon font来做网站的icon了。 并且，github也公开了他们的octicons，供大家使用。 bootstrap开发到3.0时，也把所有的图片icon换成了icon font。 再到国内，技术龙头阿里巴巴下的一淘也公开了内部的UX图标字体库。 再根据我对淘宝的观察，他们确实也有一套自己的icon font，但是至今没有公开。 所以说，Icon Fonts已经是大势所趋了！

  • 关于rel=”nofollow”

    Google在Webmaster Tools页面提到： “Nofollow” provides a way for webmasters to tell search engines “Don’t follow links on this page” or “Don’t follow this specific link.” What are Google’s policies and some specific examples of nofollow usage? Untrusted content Paid links Crawl prioritization However, a solid information architecture — intuitive navigation, user- and search-engine-friendly URLs, and so…