03 2009 档案
摘要：WEB前端，指的是：交互-设计-制作三个角色的组合。
项目管理，指的是如何把需求分解成任务，分派给合适的人并正确的完成任务。
需要把握的是：
1.需求分析
需求分析的目的是评审需求的可行性和优先级，这里就需要足够的项目经验了。
可行性：
关于需求本身是否合理，是否是一个值得去做的需求。
需求的完整性，是否是一个完整的，可以进入研发规划的需求。
其实还有一个需求的充足性，将零零散散的小运营需求合并为一个大的需求，便于开发，让任务列表清晰简洁，维护风险降低。
再次是需要后台开发的，进行沟通，是否下一个研发线能评审通过和按时跟进。
阅读全文
摘要：我们先了解左中右结构标题栏特点：
1.标题栏具有一定的高度，宽度一般自适应。
2.标题栏左边、右边不具有延伸不变的特性，如略成弧形。
解决方案总体思路设：
最外层定高度，且设背景为水平方向平铺，这样可呈现垂直方向的渐变效果。
内层套浮左浮右两块用以实现标题栏的左右不同。
继续在内层添加浮左或浮右块，可放标题文字或者“更多”等内容。注意浮左块和浮右块的顺序是颠倒的。
阅读全文
摘要：今天测试div层和flash的交互，发现div层总是被flash层遮盖，在百度上找了一会，说是加个就成了，我加完后在IE下问题是解决了，但是FF下好像没有反应，后来才知道IE中和FF加的代码是不一样的，如下：
IE浏览器下可用...
阅读全文
摘要：淘宝采用的是第一种方法！！！！
基本上快被这个问题搞疯了，症状如下：
症状描述：在ie下（6或7，8没有试过）当出现中英文混排，都采用默认字体时，并使用 li 列表做float时，会出现如上图的症状，文字排列上下不对齐的情况。影响了布局的美观性，造成上图情况的原因是中英文的文字基线不同，arial字体的下边缘要比宋体（同为12号）低一个象素，上边缘比宋体矮两个象素，而且英文还有i,y这种上下基线不同的情况。所以当中英文混排对齐时，就会出现明显的高度差异，使排版不均。可见放大图。
阅读全文
摘要：在制作网页的过程中，自适应问题是经常遇到，而又最让人头疼的，看了好多种解决的方法，但是都不是万能的。今天遇到这个问题，实在让我挠头，借鉴了 Shark的方法，又给了我一个新思路。当时没仔细看LBS的样式表，今天才发现，.clear用的就是这个方法。接下来，我会做个关于“自适应高度”问题的汇总，以便今后遇到问题时候更快解决。
为了解决浮动元素引起父元素无法获得高度的问题，我们一般在子元素的最后加上一个Spacer Div（clear:both）。但是IE和Mozilla对div的解释不同引起一些表现上的差异。
阅读全文
摘要：这个问题在开发中经常遇到，在此作个记录，以备不时之需。
IE6下链接伪类（:hover）CSS背景图片有闪动BUG，主要原因ie会再一次请求这张图片，或者说图片没被缓存。
常用的解决方案：
在页面底部添加以下IE6专用代码，让IE6缓存CSS背景图片至本地，这样a:hover时IE6就不会再重新向服务器请求加载背景图片了。
阅读全文
摘要：
导言：本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单，从思路、原理、步骤，手段可谓“无所不用其极”，即便你是菜鸟，相信你看了本文后，也能打造出属于自己的超级漂亮的标准导航菜单。本菜单无冗余结构，利于数据动态输出，非常适合于用在平常的项目中去。本教程中讲到了基本的滑动门原理，相信对那些还在这条路上摸索的朋友会有一些帮助！当然如果有什么错误和问题，也欢迎大家提出来探讨。
阅读全文
导言：本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单，从思路、原理、步骤，手段可谓“无所不用其极”，即便你是菜鸟，相信你看了本文后，也能打造出属于自己的超级漂亮的标准导航菜单。本菜单无冗余结构，利于数据动态输出，非常适合于用在平常的项目中去。本教程中讲到了基本的滑动门原理，相信对那些还在这条路上摸索的朋友会有一些帮助！当然如果有什么错误和问题，也欢迎大家提出来探讨。
阅读全文
摘要：
看到论坛上有个朋友展示了一个山顶角的实例，但是这儿需要更正一下的是，哪不是圆角框，正规的名称叫做山顶角（mountaintop corner），它最早是由www.simplebits.com的作者Dan Cederholm首创的。
阅读全文
看到论坛上有个朋友展示了一个山顶角的实例，但是这儿需要更正一下的是，哪不是圆角框，正规的名称叫做山顶角（mountaintop corner），它最早是由www.simplebits.com的作者Dan Cederholm首创的。
阅读全文
摘要：
在cssplay网站看到有一组CSS像素画，于是也想摩仿一下，于是在网络上找到一组头像图标，看其结构比较简单，就拿它开刀吧！
基本原理：
没有什么技术含量，主要是利用背景色和边框色来渲染每一个像素点，加上绝对定位，就可以变换出不同的风格。在制作一幅图片之前最好是将图片黑白风格化，然后用PS放大图片，将各个点的位置计算精确。剩下的事情就是无穷的耐心和细心了。
阅读全文
在cssplay网站看到有一组CSS像素画，于是也想摩仿一下，于是在网络上找到一组头像图标，看其结构比较简单，就拿它开刀吧！
基本原理：
没有什么技术含量，主要是利用背景色和边框色来渲染每一个像素点，加上绝对定位，就可以变换出不同的风格。在制作一幅图片之前最好是将图片黑白风格化，然后用PS放大图片，将各个点的位置计算精确。剩下的事情就是无穷的耐心和细心了。
阅读全文
摘要：
导言：本文探讨的是圆角框的终极解决方案，其核心关键词是“圆滑、完美、兼容、重用性、语义”，这些技术都是收集目前网络上最流行的做法。纵观种种方法，各有其优势，请针对不同的环境分别使用。
圆角框，因为其样式比直角框漂亮，所以成为设计师心中偏爱的设计元素。现在的web标准下大量的网页、博客都采用圆角框设计，成为一道亮丽的风景线。
然而，就是这个圆角，却成为了网页前端人员心中永远抹之不去的阴影，对它，可以说是又痛又爱。爱的是它的漂亮，痛的是要让它兼容通行于各种不同的浏览器却成为一个永远的神话。
让我们来回顾一下目前网络流行的都有哪些解决方案。
阅读全文
导言：本文探讨的是圆角框的终极解决方案，其核心关键词是“圆滑、完美、兼容、重用性、语义”，这些技术都是收集目前网络上最流行的做法。纵观种种方法，各有其优势，请针对不同的环境分别使用。
圆角框，因为其样式比直角框漂亮，所以成为设计师心中偏爱的设计元素。现在的web标准下大量的网页、博客都采用圆角框设计，成为一道亮丽的风景线。
然而，就是这个圆角，却成为了网页前端人员心中永远抹之不去的阴影，对它，可以说是又痛又爱。爱的是它的漂亮，痛的是要让它兼容通行于各种不同的浏览器却成为一个永远的神话。
让我们来回顾一下目前网络流行的都有哪些解决方案。
阅读全文
