分类属于:前端开发

2011 - 10 - 11

iphone/ipad网站开发技巧整理

Published by under 前端开发

-->

iphone/ipad异常刚猛,在此把收集到的一些开发技巧罗列出来,方便项目中参考使用,如下:
侦测iPhone/iPod
开发特定设备的移动网站,首先要做的就是设备侦测了。下面是使用Javascript侦测iPhone/iPod的UA,然后转向到专属的URL。
阅读全文(2729字)

One response so far

2011 - 10 - 11

iPad网页开发教程及规则

Published by under 前端开发

-->

iPad开发的局限性

在iPad上使用Safari浏览普通网站网页的时候,网页因为太大而导致需要手动放大缩小或者滑动,虽然这种滑动行为在iPad上市之初的各种宣传中被津津乐道,但时间久了我们还是会发现这样做并不方便,给用户带来的感受并不十分好。
阅读全文(7308字)

2 responses so far

2011 - 04 - 15

7个使用CSS3的Javascript效果替代

Published by under 前端开发

Effect 1: Fade Block
Copy and paste HTML inside body tag:

阅读全文(3052字)

2 responses so far

2011 - 04 - 15

你需要知道的CSS3 动画技术

Published by under 前端开发

译序:本文译自Smashingmagazine,但是原文讲述的内容有些浅,也不是很完整,前端观察在翻译的前提下,增加了更多的更系统的内容。如有不足之处,欢迎指正补充。
随着网络的发展,浏览器具有更强的渲染更高级代码的能力,我们正逐步实现跨越所有平台和浏览器的目标。我们不但可以要花费更少的时间来确保我们的盒模型在IE6中看起来正常,而且形成了鼓励创新、避免hack、重前端脚本的氛围。
网络是一个非常好的环境,也是一个有丰富的知识来分享的协作社区。我们想要有圆角,我们就实现了它;我们想要多背景图片,我们实现了它;我们想要 边框图片,我们也让它实现了。所以需求从来不是问题,否则,我们可能还都仍然在使用table来布局页面而且使用过多的代码呢。我们都知道,网络无所不能。
阅读全文(8231字)

2 responses so far

2010 - 08 - 25

使用Fiddler提高前端工作效率 (实例篇)[转]

Published by under 前端开发

在上一篇(介绍篇)中,我们对Fiddler Web Debugger有了简单的接触,也许你已经开始在用Fiddler进行HTTP相关的调试,在这一篇,我们将通过一个实例了解Fiddler的神奇魔法。
在我们前端开发的日常工作中,发现服务器上某个css/javascript文件有问题,需要修改,那真是家常便饭。通常,我们需要将文件进行修改,然后重新发布再验证,这样就很容易影响到生产环境的稳定性。更普遍的做法是,我们在开发环境中修改文件并验证,然后发布到生产环境。虽然安全,却比较繁琐。而利用Fiddler的可以修改HTTP数据的特性,我们就非常敏捷地基于生产环境修改并验证,确认后再发布。
阅读全文(1726字)

One response so far

2010 - 08 - 25

使用Fiddler提高前端工作效率 (介绍篇)[转]

Published by under 前端开发

1. Fiddler 是什么?
Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器。英语中Fiddler是小提琴的意思,Fiddler Web Debugger就像小提琴一样,可以让前端开发变得更加优雅。
Fiddler是以代理服务器的方式,监听系统的网络数据流动。运行Fiddler后,就会在本地打开8888端口,网络数据流通过Fiddler进行中转时,我们可以监视HTTP/HTTPS数据流的记录,并加以分析,甚至还可以修改发送和接收的数据。Fiddler还提供了清除IE缓存、请求构造器、文本转换工具等等一系列工具,对前端开发工作很有价值。
阅读全文(1181字)

2 responses so far

2010 - 02 - 21

Zen Coding: 一种快速编写HTML/CSS代码的方法

Published by under 前端开发

译自:Smashing Magazine中文:Zen Coding: 一种快速编写HTML/CSS代码的方法
请尊重版权,转载请注明来源!

阅读全文(7144字)

One response so far

2009 - 12 - 11

[转]提升你设计水平的CSS3新技术

Published by under 前端开发

前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章,它详细介绍了CSS3的新特性和它的使用方法,它包括:浏览器 专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度属性、多栏布局、多背景图、Word Wrap、文字阴影、CSS圆角、边框图片、盒阴影、盒尺寸、媒体查询、语音,并详细说明了每个新技术目前有哪些浏览器兼容。彬Go本想将本文翻译成中文 版和大家分享,但发现已有国人完成翻译,所以就偷个小懒,转载一下人家的翻译,在此感谢前端观察的博主辛苦翻译本文,为大家贡献了如此珍贵的学习资料。
阅读全文(15292字)

No responses yet

2009 - 10 - 10

有趣的PNG优化(更多的技巧)

Published by under 前端开发

原文地址:http://www.smashingmagazine.com/2009/07/25/png-optimization-guide-more-clever-techniques/
作者:Sergey Chikuyonok
译文地址:http://zanbu.blogbus.com/logs/43337794.html
阅读全文(2544字)

2 responses so far

2009 - 10 - 10

有趣的PNG优化

Published by under 前端开发

原文地址:www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques
作者:Sergey Chikuyonok
引言
阅读全文(3317字)

5 responses so far