代码改变世界

推荐排行榜

一个CSS小工具

2011-05-02 17:16 by Feather, 2267 阅读, 收藏,
摘要: 今天写了一个CSS的小工具,也算是最近关于CSS和Web性能优化思考的一次实践。下面开始介绍一下,这个小工具主要功能有以下这些: 代码压缩 合并请求 语法扩展 缓存设置代码压缩这个小工具其实是一个Default.aspx页面文件,我们只要把它放到网站CSS文件夹里面,保证这个页面命名是默认首页,然后把我们原来引用的CSS文件夹后面加一个问号就行了。用我的博客举个例子,我本来文章页面中有三个CSS引用:<link href="css/detail.css" rel="stylesheet" type="text/css" /> 阅读全文

Web文件管理系统

2011-04-28 14:03 by Feather, 5476 阅读, 收藏,
摘要: 先直接看Demo,请用不要使用IE,最好用Chrome...这个是《操作系统》的课程设计,第一次把课内的作业放上Blog来讨论,大概也是最后一次了。这篇文章大概就说一下这两周开发这个东东的历程,虽然这个我自称的“系统”还有很多缺陷以及作为文件管理平台必需具有的功能我还没有开发,但是我还是先告一段落,工程量太大,在美国的时间宝贵,我会在这里写下我最初的所有设想和计划,待以后继续吧。缘由很久很久以前就开始在设想做一个这样的平台,特别在为学校开发亚运场馆团队OA的时候,也正好有这么一个需求。但是考虑到时间仓促,我当时直接找了一个开源的系统凑合着用。直到这学期开了《操作系统》课程,碰巧课程设计上面也有 阅读全文

浮动模型详解

2011-04-28 09:24 by Feather, 671 阅读, 收藏,
摘要: 写了这么久的CSS,觉得自己还没有很深入地了解CSS的一些概念。特别是浮动模型,我一直期待进入一种境界,看一个网页布局,立刻能想象出这个布局的Div结构,以及在各种浏览器中的实现。单纯从做项目中积累经验还不是很快捷的方式吧,毕竟很多情况由于时间紧迫,遇到很多问题我都是采取回避的方式而不是刨根问底。所以,我觉得最好的学习方式还是自己去动手去试试,发现问题,围绕问题去寻找解决办法。这篇学习笔记写一下昨天的一个关于浮动的学习成果。浮动模型为什么要使用浮动模型?在普通流中,有两种主要的呈现模式:block和inline,block会占据整行。inline是内联对象,没有宽高概念。如果只使用普通流的框模 阅读全文

HTML5音乐播放器

2011-04-15 00:00 by Feather, 678 阅读, 收藏,
摘要: 前几天都在研究HTML5的媒体标签Audio和Video,本来打算写写笔记的,但把文章提纲列了出来后,又觉得如果展开来写的话内容实在太多了,于是,还是觉得编写一个Demo好了。还是先上Demo,还是那句话,请使用Chrome浏览,Safari也可以。刚刚发现iphone也可以完美支持。基本思路这个播放器构思了两天,很多细节一直确定不了,很多想法都是Coding的时候爆发出来,然后临时加上去的,虽然是这样,但程序都写得很顺利,没有被什么问题卡住,整个播放器用了半个下午和半个晚上搞定。目前播放器还很简陋,用户需要听音乐可以直接在输入框中写入歌曲,或者歌手,专辑之类的都可以。点击“我要听这首”,浏览 阅读全文

HTML5和CSS3学习计划

2011-04-07 00:00 by Feather, 447 阅读, 收藏,
摘要: HTML5的学习进度太慢了,今晚帮自己稍微做了一个计划,争取在这个月里面把下面这些HTML5都拿下来并且整理成博文。其实下面有不少点我之前已经接触过了,但是还是觉得要写成文章整理出来,才理解透彻,记忆深刻。大概的计划如下,具体的再调整吧,如果写好了文章,我会在下面加上链接。学习计划HTML5目录: HTML5文档类型定义Doctype HTML5语义化标签 音频、视频标签(HTML5音乐播放器 ) HTML5表单元素 Canvas像素处理(用Canvas玩图片处理) HTML5中的History和Location对象 离线存储 本地存储 本地数据库 文件API 地理定位CSS3目录: 新增属性 阅读全文