记录一下这个皮肤还需要完善的地方,提醒自己在有空时完善了~
文章页面返回首页链接
文章页面相关文章链接,上一篇,下一篇(要实现键盘控制)
文章浏览时,鼠标移进时,其他区域变暗,类似视频网站关灯功能,把内容凸现为眼球中心,也能使阅读长的文章时,眼睛不会疲劳。鼠标移出,或是到达文章底部,恢复样式。
文章中加入h2,h3,h4标签css美化
文章展示宽度还是有点过宽了,因为发现阅读时脑袋需要摆动的幅度大,尽量优化成只需要眼球摆动。
在鼠标常驻区域加上 转到回复 ,在滚动条离上方一定距离后,出现 反回顶部 按钮
引用里自动换行有问题,目前在Mac的Safari发现这个问题
首页文章标题链接后面加上文 …
七月 8th, 2011 (上午 12:09) -
Design
Minimize
text-shadow作为CSS3里被现代浏览器支持最早、也是最广的属性,我们对它已经非常熟悉。现代浏览器除了IE9之外,全部无前缀支持text-shadow。和box-shadow类似,但远没有box-shadow那么复杂。它的作用只是对文本添加阴影:
text-shadow: 2px 2px 3px blue;
其用法有大致上有两种,一种是在浅色背景上应用深色阴影凸显出文字的层次。另一种,就是在深色背景上使用浅色阴影创造出类似浮雕的内嵌的效果。最后用的比较少的,就是单纯的雾化文本,也就是X和Y的偏移设为0——不过这样对文本的可读性没什么好处,也没什么技术含量,所以完全不值得提倡。淘宝曾在首 …
十一月 17th, 2011 (上午 10:57) -
Design
Minimize
When You Are Old
When you are old and grey and full of sleep
And nodding by the fire,take down this book
And slowly read,and dream of the soft look
Your eyes had once, and of their shadows deep;
How many loved your moments of glad grace,
And loved your beauty with love false or true,
But one man lov …
八月 5th, 2011 (下午 4:57) -
未分类
Minimize
海南。。广州。。。
回来好几天了。。我怎么还是这样的心情。我怎么不能改变一点呢。 我没心没肺?似乎不是这样呀,我还是有血有肉有感情的人呀。。。
我。。。这是怎么了。。
我还伤了爸妈。。让他们跟着我一块不开心。。我。。这是怎么了。。
廖滔。。怎么了这是。。 这是我么?
七月 30th, 2011 (下午 9:40) -
未分类
Minimize
神马~不是浮云!
Minimize
1. 替代window.onload,可多次调用的加载函数:
function iLoad(func) {
var oLoad=window.onload;
if(typeof window.onload!=’function’){
window.onload=func;
}else{
window.onload=function(){
oLoad();
func();
}
}
}
2. 获取下一个元素节点:
function nextElem(node) …
Minimize
一、简化代码
采用更为简短的写法,不仅可以减少输入的字符数,还可以减少文件大小。大部分采用简单写法的代码,执行效率都有轻微提高。
1.1 简化常用对象定义:
使用 var obj = {}; 代替 var obj = new Object();
使用 var arr = []; 代替 var arr = new Array();
1.2 精简if语句
三元操作符可以有效精简只涉及赋值传值操作的if语句,比如
var score = 60, grade;
if (score < 60) {
grade = “不及格”;
} else {
grade = “及格”;
}
可以 …
Minimize
Firefox 真神速呀,我还在用着5呢,7就来了,6的BETA都还没来的及体验。
更快的 javascript 解析速度;
一个 javascript 解析器读取前,先要执行 JavaScript的浏览器 的一部分。 随着如的Gmail或FACEBOOK发送接近1MB的javascript,能够以仍读的代码即时响应的用户体验的追求事项。解析速度将会达到目前的两倍。(又说到“两倍”这样的词,其实0.2秒和0.1秒,人是感觉不出来的。)
支持 text-overflow: ellipsis;
这下可好,遇到字符超出要先生省略号,不再那么麻烦了
#test {
width: 100%; /* wi …
七月 8th, 2011 (下午 5:18) -
未分类
Minimize
中国。。。这块肥沃的大土地上面。。。
所以呀。。悲剧的中国前端设计师们。。 要多付出很多。。。呵呵。
想用HTML5?CSS3? 还是忧着点。。
IE6用户都在哪~
七月 6th, 2011 (上午 8:59) -
未分类
Minimize
下面让我们来看看如何在不使用class和id的情况下定位HTML5页面元素的一个实例,我们可以使用三种CSS选择器来定位和辨别实例中的元素。如下:
后代选择器:[CSS 2.1]: E F
兄弟选择器:[CSS 2.1]: E + F
子元素选择器:[CSS 2.1]: E > F
下面让我们来看看如何不使用class和id而完成对文档中的那些section元素的定位吧:
定位最外层的<section>元素
考虑到我们的例子并不是一套完整的HTML5代码,所以我们假定在<body>元素下有个<nav>元素与<section>元素是兄弟 …
Minimize