Justin's Words


  • Home

  • About

  • Archives
Justin's Words

HTML5 新属性 data-attribute

Posted on 2014-06-22 | In Front-End |

HTML5 添加了一种新的标签属性:自定义 data-attribute。这种属性看起来虽然很奇怪但事实上是很有用的。

这属于一种私有属性,你可以随意定义 data- 属性,用户在浏览器内是看不到这种属性的,同时这种属性完全不会影响网页布局或展示。

Read more »
Justin's Words

HTML5 图表

Posted on 2014-06-19 | In Front-End |

今天发现一个不错的制作 html5 图表的工具: Chart.js

先收藏起来,有时间再研究

chart.js.png

Justin's Words

Responsive Web Design 初探

Posted on 2014-06-07 | In Front-End |

这是今天学习 RWD 的一些记录,所有代码都放在 github 上了,不过先声明,这个页面不是我自己写的,所有代码来自 webdesignerwall,原作者对代码保留一切权利。

HTML 文件部分

viewport

首先你需要 viewport 来适应手持设备屏幕

1
<meta name="viewport" content="width=device-width; initial-scale=1.0">
Read more »
Justin's Words

June 5th 学习笔记

Posted on 2014-06-05 | In Front-End |

以下都是在看 WebFoundamentals 学到的。

  • <form> 都应该有个 name 属性
  • 所有的 <input> 都拥有对应的 name属性和 id 属性,这是为了告诉浏览器自动填写工具如何帮助用户填写表单。
  • 所有 <img> 都应该有 alt 属性对图片进行说明
  • 所有 <a> 都应该有 title 属性对链接进行说明
Justin's Words

Chris Lattner 博士论文

Posted on 2014-06-05 | In NoneTech |

在微博上看到的,Chris Lattner 的 博士论文,就是 Swift 语言的开发者。

点击下载查看

Justin's Words

解决 IE9/IE8 不支持 HTML5 新标签的问题

Posted on 2014-06-05 | In Front-End |

我们在做 html5 网页时基本都会用到 <header>,<nav>,<section>,<footer> 这些新标签,但 IE8/IE9 是不支持这些新标签的,更不用说更早版本的 IE 了,那怎么办呢?

关于这个我们可以用到 html5shiv,用法是:

1
2
3
<!--[if lt IE 8/9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
Read more »
Justin's Words

看到的一个瘦瘦的 Roboto 字体

Posted on 2014-06-04 | In Front-End |

这个字体是我在 Google Developers 看到的,长这样:

Google-Roboto-Condensed-Font

应该属于 Roboto 字体的浓缩版,在 Google Fonts 中可以找到。

不过这个页面的主要字体还是 Helvetiva,虽然不好看。

1…1011
Justin Young

Justin Young

You Deserve A Better Life

107 posts
15 categories
54 tags
RSS
Github Twitter
© 2014 - 2019 Justin Young
Powered by Hexo
Theme - NexT.Mist