2012 - 01 - 17

国内杯具的前端攻城师,不仅要关注技术,还得时刻关注着伟大的墙

Published by 朝心 under 未分类

1、<HTML xmlns=”http://www.w3.org/1999/xhtml”><HEAD> 是不行的(ML囧H)
2、CSS中B开头名字的CLASS是不可以的  (S囧B)
3、GIF文件,切记不可以字母T结尾,因为这也是不好的(T囧G)
阅读全文(170字)

One response so far

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 - 06 - 24

让旧版Google工具栏临时支持Firefox5.0

Published by 朝心 under 未分类

Firefox5.0正式版几天前发布了,但是一直让人诟病的不向下兼容旧版插件的机制还是没有改善,升级后发现Google工具栏尚不支持新版的火狐浏览器,谷歌官方还未更新,下文提供一个临时解决办法:
打开你的火狐插件安装目录,比如(本机是Win7系统)
C:\用户名\Work\AppData\Roaming\Mozilla\Firefox\Profiles\lot9ytgx.default\extensions\{3112ca9c-de6d-4884-a869-9855de68056c}
阅读全文(370字)

4 responses so far

2011 - 04 - 20

CSS3:border-radius隐藏的威力

Published by 朝心 under 未分类

这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆,并如何利用它们。
如何使用border-radius属性
下面是border-radius属性最基本的使用方法。
阅读全文(1390字)

9 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

2011 - 03 - 11

html5 doctype下 图片默认有多余空白

Published by 朝心 under 未分类

简短的htm5 doctype
<!DOCTYPE html>
替换掉原来老长的,几乎没什么人记住doctype,是目前各WEB标准人士 最推荐的方式
阅读全文(700字)

10 responses so far

2011 - 01 - 20

HTML5设计原理

Published by 朝心 under 未分类

Jeremy Keith在 Fronteers 2010 上的主题演讲
下载PPT(PDF)
观看视频
阅读全文(23332字)

3 responses so far

2010 - 12 - 09

FF插件SenSEO汉化版 1.4.3 For:Firefox 1.5 - 4.0b4

Published by 朝心 under 未分类

SenSEO是分析网页并指出如何做白帽搜索引擎优化的Firebug扩展。核查元标记的正确使用,存在的题目,标题,和其他相关的最佳搜索引擎优化标准。
SenSEO记得在FF2.0的时候出过一个汉化版,但FF升到3.0后就不能用了,网上也一直没有更新的。
虽然英文版的单词并不复杂,对于半桶水的英文水平也能轻易使用,但对咱来说还是看着中文最舒服,抽空拿了最新版的SenSEO 1.4.3 自己进行了汉化。
阅读全文(213字)

4 responses so far