Follow me on GitHub

网页发表的日志

计算机与信息科学系网页设计大赛部分参赛作品

网页设计大赛—计算机0702—林杰

地址:http://a.kainy.cn/201006/jsj0702-lj/ More >

网页Win7——xp/Linux下体验win7的透明效果指日可待

仿的windows 7 的 AeroWindows窗口。很难想象居然用jQ能做出来。

效果图: More >

10+增加iPhone网页友好性的代码段

随着移动上网的普及,越来越多的开发者转向手机网站的开发与建设中,工欲善其事,必先利其器。这里Kainy介绍的是增加iPhone网页友好性的几个代码段:

在开发网站,你必须关注不同的浏览器,以及诸如iPhone或iPod一类的移动设备。 在本文中,让我们为您介绍十几个最有用的代码片段(JavaScript的,PHP中,的CSS等)增强iPhone友好性的网页代码,提高网站速度和效率。

区分iPhone和iPod使用的JavaScript

在开发针对iPhone和iPod Touch,我们首先要做的就是区分它们,所以我们可以运用特定的代码或样式来实现。 下面的代码片断将检测到iPhone和iPod使用JavaScript,以及这些用户重定向到一个iPhone特定网页。

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
if (document.cookie.indexOf(“iphone_redirect=false”) == -1) {
window.location = “http://m.espn.go.com/wireless/?iphone&i=COMR”;
}
}

More >

纯CSS3和HTML5编码实现的网页演示

CSS3HTML5是未来的Web,它们都还没有正式到来,然而不少浏览器已经开始对它们提供部分支持。本文演示的是一个纯CSS3和HTML5编码实现的网页:

More >

浏览器

纯CSS 利用“-moz-box-shadow”为图片添加阴影效果

这几天Kainy在网上闲逛见到一些博客的图片有漂亮的阴影效果,还以为是每张图片上传前处理过,可是在ie6下浏览则无阴影效果,问了好多地方都没结果,网络上查找到的也大都是用css调用带阴影图片做背景和图片结合起来,形式的阴影效果,并非纯css生成的阴影效果。

今天看到QQ空间的相册中也用到了这一效果,于是翻翻源码,经一番努力发现原来是用到了“-moz-box-shadow”这──盒子阴影。这个特性允许在任何支持盒子模型的元素上投射出“阴影”效果。

由于CSS3的盒子阴影属性目前还在发展中,所以Firefox特化的把他实现为-moz-box-shadow。这种特化方式是Firefox实现CSS中的实验属性的方法之一,在属性前面加上前缀“-moz-”。等到这个属性最终被CSS3确定之后,属性会重新命名为“box-shadow”。

为元素添加盒子阴影效果非常直观。CSS3标准中允许的取值为: More >

网页中常用符号的HTML实体

网页制作中加入一些特殊符号往往能增加整体美观效果,这里Kainy转一些国外网站上看到的常用符号的HTML代码分享如下:

HTML Symbol Entities

by Web Designer Wall

To Do Symbols

DASHES AND QUOTATION MARKS

– En Dash

— Em Dash

‘ Single Quotation ’

“ Double Quotation ”

❛ Single and Double ❞ Turned Comma More >

移动设备浏览当前页