随笔分类 -  读书笔记

摘要:平时在浏览网页的时候经常会看到诸如“CSS 3D效果”、“css3动画”之类的字眼,看过效果后觉得很神奇,但也一直没机会研究一下原理。因为真正项目中还没用到这些东西。但这些新的技术在不久的将来必定是要大放异彩的,这是标准的一部分呀,一定有步入正轨的那一天。趁着阅读《响应式web设计》这本书,来把这部分知识学习一下。Javascript动画VS CSS动画 用js写的动画大家都不陌生了,使用jQuery或者其他框架可以方便的制作出各种动画效果。那我们为什么还要用CSS来做动画呢?它有哪些优势呢? 首要功绩便是效率。如果一个新手用js写了一个简单的动画效果(比如鼠标悬停),作为一个自称是完美主义. 阅读全文
posted @ 2013-06-10 23:50 吕大豹 阅读(1211) 评论(1) 推荐(2) 编辑
摘要:看了HTML5和CSS3相关的章节,老实讲其实我还是挺失望的,并没有看到像媒体查询或是流体布局那样令人激动的东西。更多的是HTML5、CSS3基本知识的介绍。但也不可否认我也有一些收获,下来就总结一下吧。 让旧版本浏览器支持HTML5 大家可能都已经见过或者是使用过了,通过使用js脚本,可以让低版本IE支持HTML5新标签。如Remy Sharp写的HTML5 enabling script。其实这种脚步还有个名字呢:腻子脚本(polyfill),指用来弥补老浏览器的缺陷的脚本。如果你去搜索会发现这样的腻子脚本还是挺多的,有的是专门为支持canvas写的,有的则是为支持其他特性写的。为... 阅读全文
posted @ 2013-05-26 19:48 吕大豹 阅读(612) 评论(0) 推荐(0) 编辑
摘要:一、什么是流式布局 流式布局已经不是什么新概念了。为了文章的完整性,还是提一提吧。很久很久以前,当大部分人的屏幕分辨率还是1024*768的时候,网页设计师一般都按照960px或是980px的固定宽度进行设计。现在很多大型网站也依然使用这个宽度,为了不落下某些使用窄屏和IE6的用户(比如我们的父母)。然后页面中的其他布局元素也使用固定宽度。流式布局也正是相对这样的固定布局来说的。看下面两幅图就可以一目了然的区分固定布局和流式布局。图1 固定布局图2 流式布局 可以看到,流式布局使用百分比宽度来限定布局元素,这样可以根据客户端分辨率的大小来进行合理的显示。那么,是不是只要把布局元素换成百分比.. 阅读全文
posted @ 2013-05-23 21:23 吕大豹 阅读(3218) 评论(0) 推荐(3) 编辑
摘要:一、什么是媒体查询? 媒体查询就是向设备提问,如“你是一块屏幕吗?”,然后根据回答来进行处理。媒体查询其实不是一个新概念,在HTML4中就已经有了。你肯定见过它:<link rel="stylesheet" type="text/css" media="screen" href="some.css"> 在HTML4中,仅可以用来为不同的设备指定引入不同的样式文件,像上面的screen。功能太单一了所以没发挥什么大作用。但现在不同的,CSS3为它赋予了新的定义,媒体查询能问设备的问题大大增多,包括已经被大 阅读全文
posted @ 2013-05-21 16:31 吕大豹 阅读(894) 评论(0) 推荐(0) 编辑
摘要:写在开始之前 2013年的夏天,我算是正式加入了前端开发的队伍,作为一名新手,关注了很多知名网站、牛人博客,时时刻刻感觉要学的东西太多太多,一路不断的收藏收藏,攒了好多文章来看,心里还想着在前端世界里,我不知道的东西还有多少呢?css布局很熟了吗?没有。js框架呢?没用过多少。自己想写个插件什么的吗?想。响应式设计呢?同样重要。用户体验相关的东西?也想沾边。哇,要学的好多好多呀。于是手头的也看不进去了,又去收藏别的东西。。。一时间感觉自己浮躁了。不行呀,得想个办法让自己沉稳下来,于是我决定,精读一本书,并写读书笔记,不求速度有多快,但求让心境不那么浮躁,一点一点积累,直到形成良好习惯。向牛人. 阅读全文
posted @ 2013-05-18 17:55 吕大豹 阅读(1050) 评论(0) 推荐(2) 编辑

点击右上角即可分享
微信分享提示