摘要：
连日来有些空闲，趁着这闲余时间，我尝试亲自制作一些Font-Icon，让以后可以运用到工作中。但是基于本人水平有限，PS操作只能以非常基础来形容，而AI呢，根本就只会放大操作。在这过程真的非常感谢设计同事的帮助。现在想完成以下图标转换成Font-Icon，图标以下所示。 第一个Icon是一个小电视，命名为ico_tv，在设计师给的设计稿中，它已经是路径了，但是细看一下，这个ico_tv有三条路径，但是在网上的一些把svg转成Font-Icon的网站中（例如fontello ，但是icoMoon可以，如果使用的是icoMoon后面的合并路径可以忽略），它在转换的时候只需要一条路径，这就需要... 阅读全文
摘要：
这个星期导师继续让我熟悉移动端平台的开发，作业要求适配android的所以机子以及iphone4,4s,5。我对移动端的前端了解不多，所以我第一步就找一下资料。 1, 移动端资料 近期手机网页项目一些杂碎心得分享 (这里让我对图片的显示有了个更深的体会)。 设备像素比devicePixelRatio简单介绍 (这里让我对设备像素比有一个初步的认识)。 大杂烩http://mobile.smashingmagazine.com/tag/css/(smashing magazine都懂的)。 2, 开始动工 以480来做为基准来书写HTML和CSS,字体基准大小是20px。除了bo... 阅读全文
摘要：
我之前在大学的时候一直都是学校PC端的前端开发，现在工作了，还在试用期，导师给了我些练习，这次的练习是页面在ipad上的展示，趁着这个时候，我觉得要好好记录一下这次累积的经验。 1. 要求之一是使用iscroll模拟。 但是iscroll是什么啊？为此我去google了一番。看了一些入门级的文章，大概了解了iscroll的用法。 网上有一大堆用法的介绍：http://www.nb88.net/Index/p/id/406 等等。 其实在移动平台上我没有碰到过对于滚动的问题，这个iscroll是解决移动端的滚动问题，我觉得需要在应用中再好好体验一下。 2. 移动平台的meta... 阅读全文
摘要：
大三的时候曾经折腾过android的安装，在装了一通之后，发现连个hello world都出不来，所以我就中途的放弃了。现在在做嵌入式实验时，虽然有多个选择：objectC开发，android开发，linux下c/c++开发还有winCE/wp7开发。但是上述那些弄个开发环境都弄死我了，所以我选择回我之前半途而废的android。如果有兴趣其中的配置过程，看看这个网址吧：http://www.cnblogs.com/qunyang/archive/2011/07/17/2108979.html ，这里我主要说一下我遇到的问题。 开发工具是Netbeans 7.1，为啥不用Eclipse呢... 阅读全文
摘要：
其实很久之前就有朋友问我有没有弄过瀑布流，当时这个东西我知道它的实现后的形式，就是蘑菇街那种啊，然后我又懒得想做，就找了一个网上的实现方式直接给了他了，我连想一下怎样实现都没有想，最后，“报应”来了，百度一面的时候，最后就问到瀑布流的实现了，然后也凸显一大弱点就是缺少必要的实战，细想一下，前端的知识，我都是通过自学的，看书占据课余比较大的时间，实战经验确实少，做重构的居多，没有试过从后台中拿数据，接着展示出整个页面，现在还停留在相对浅的状态。 所以这次我要吸取教训，首先先折腾这个瀑布流，首先，究竟瀑布流是怎样实现的呢？百度一下，发现了挺多的相关网站，挑选了挺多看了一下，这里推荐一下一些感觉挺. 阅读全文
摘要：
学习笔记之段落里面最后出现省略号 我曾经想在我的github博客里面弄一个文章摘要出来，固定一个高度，overflow的话就hidden，但是我又想段落的最后出现省略号（...），证明这个文章还没结束，当时我第一个想到的CSS属性是text-overflow，接着它有一个值是ellipsis，可以让溢出的文字hidden并在后面显示省略号（...）,但是我用这个方法并不能在我的那段摘要的最后实现省略号，究其原因，text-overflow：ellipsis只在单独的一行文本中有效。而这些天看到CSS-Tricks的一个外链博客文章就讲述了多行text-overflow ellipsis的实现. 阅读全文
摘要：
有时觉得看那些国外教程感觉还挺好的，英文不多，大部分都是代码多，了解个思路就好的了。然而最难啃的是那些学术性的论文呢，里面专业名词多，难懂，代码又少，最主要我这个先天英文差，死啃烂啃才把六级啃过的人，看到一大堆英文免不了还是一阵发晕。言归正传，圣杯布局我听就听了很久很久啦，而且每次看到圣杯布局总会离不开一篇文章，那就是a list apart里面的In Search of the HolyGrail 。随着现在H5，CSS3的发展，IE6，IE7的逐渐退出舞台，或许现在工程师也没那么纠结了（或许而已，移动的大肆发展，还是出现了更多要兼容的东西，但是现在也逐渐不用再纠结那个IE6了吧，起码做.. 阅读全文
摘要：
其实这个发现来自于张鑫旭的博客呢，有趣：256个class选择器可以干掉1个id选择器http://www.zhangxinxu.com/wordpress/2012/08/256-class-selector-beat-id-selector/ 。我也从他的博客学到很多东西，然而学习当然不能看了觉得知道就行，更多的时候也要去自己实践一下。 首先，我就按着他里面的demo写了一个256个class和1个id的例子，然而确实如他所说的那样显示的css是256个class那个样式，然而当我多手将写id的那个css样式放到那256个class的样式下面，结果却是id的那个样式，我心里面就万分奇... 阅读全文
摘要：
最近很喜欢去青蛙网（其实是CSS-TRICKS*，因为有只可爱的青蛙，所以我经常叫它青蛙网），因为我发现我居然可以把文章看懂了，接着这几天都上去逛逛，增加增加一下它的点击率，嘻嘻。 看到一篇题目为position：sticky的文章，觉得奇怪，因为position：static|absolute|relative|fixed|inherit，没有这个sticky这个值啊，然而，对于新事物的好奇，我就点开这篇文章，最后文章外链到google的html5 rocks专题那儿：http://updates.html5rocks.com/2012/08/Stick-your-landings-p... 阅读全文
摘要：
1. HTML<abbr>定义和用法:表示一个缩写形式，比如"Inc."、"etc."。通过对缩写词语进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。例子:<abbrtitle="etcetera">etc.</abbr>提示:在某些浏览器中，当您把鼠标移至缩略词语上时，title可被用来展示表达的完整版本。适用范围:IE6及之前的浏览器不支持。2.HTML<acronym>定义和用法:可定义只取首字母缩写，比如"NATO"。通过对 阅读全文