Follow me on GitHub

设计发表的日志

Mac上的30个最佳Web开发工具

苹果的东西总有股神秘的力量令一批用户深深地为其着迷,i系列产品尤其受到web设计者们的青睐,其中不乏最优秀的设计师。除了精致的外型和超前的设计理念外,其中很大一部分原因在于苹果的产品使得人们花较少的功夫就能够搭建起便于设计的环境,下面就全文转发一篇介绍Mac上的30个最佳Web开发工具的文章:

Mac OS X are well know for their simplicity and performance. If you’re a web developer who’s using a Mac, then chances are you’ve come across at least one the popular development tools for a Mac. Finding Useful Mac Apps For Freelance Web Designers was one challenging task. In this post you will find 30 Best Mac Apps designed for code editing, file and data transfer, collaboration, database management, image editing, invoicing, time tracking, expenses tracking and much, much more. Most of them are relatively inexpensive and almost all of them offer a free trial period. More >

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

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

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

用HTML5设计的iPhone应用程序酷站

HTML5 是近十年来Web 标准最巨大的飞跃。和以前的版本不同,HTML 5 并非仅仅用来表示Web 内容,它的使命是将Web 带入一个成熟的应用平台.下面来看看一个老外用HTML5设计的iPhone应用程序网站,过程非常详尽,不过是E文的,英语好的童鞋有福啦。。。

HTML5 is definitely the flavor of the month, with everyone in the design community getting excited about its release. In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects.

More >

CSS3 图片相册代码下载

尽管CSS3仍处于发展阶段,却是新的热潮,令许多网站开发者感到兴奋。 CSS3 将带来新的更大的网络发展,实现网页设计的与时俱进,让网页设计师和开发人员的创造力得到充分展现。 CSS3增加了许多新特性 如:文本阴影,圆形边界,动画,自定义网页字体,等等。 甚至有他们不少人认为一旦所有浏览器都支持CSS3 它将取代JavaScript的动画特效。 下面是一个CSS3图片相册的编写过程:

HTML结构

首先,我们将创建如下结构。 第一个图像是类名“mini”,第二个是时显示的图片与类名“pic”。 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 >

移动设备浏览当前页