我们平常习惯了select下拉的形式，如果突然有需求说要做成上拉的形式，你该怎么做？昨天在一个技术交流群里面就有人提出这个问题。

其实select本身会根据自己当前的位置跟option的选项高度来自动判断，是该上拉还是下拉。看例子

Read the rest of this entry »

这个图别看简简单单几个色块，真正实现也不见得有多容易，得看你考虑到哪些东西。大概例子已经做出来了，提供下载 。

由于上下head跟foot两个色彩是单色的，所以要考虑自适应各种分辨率的屏幕，自适应分辨率不是百分百就够的，div的百分百布局会有很多问题。另一个是中间内容需要宽度自适应，左边side1是固定宽度，右边的side2也是固定宽度。

还有一个应该是比较难的一个问题，就是高度自适应，要保证side1红色块内容增多的时候，右边main，side2的色块也要跟着一起延伸，右边side2的内容增多，左边红色块也要跟着一起延伸，中间main的内容增加，红色块依然要继续延伸。先前也发过 关于 高度百分百引发的思考 ，有兴趣的可以去拍砖。
Read the rest of this entry »

这图已经忘记出处在哪了，不好意思。。当时把那图另存下来后就关了，现在想引用都不知道引用哪个地址。

前端工程师需掌握：

懂各种html/css/javascript语言
懂各种开发工具
懂hack技术
懂兼容各种浏览器
懂业内标准
懂开发流程/方法
懂用框架开发
懂交互设计
懂沟通方法/表现力
懂得性能/安全
懂设计模式/方法
懂得ARIA
懂开源项目
懂开放服务
懂开发应用

看完很惊讶，一个前端工程师竟然要懂那么多东西，My God，东西之多让我顿感知识严重匮乏，重新思考了一下我会哪些东西，
Read the rest of this entry »

如上面图显示，怎么让这幅图跟随着屏幕分辨率的变化而变化。

这是每个写CSS的人都会遇到的问题，这道题看似简单，但实际上在操作的时候你会遇到很多问题。这里面有圆角问题，有高度百分百问题，在做的过程中还会出现其它问题。推荐你自己尝试去实现一下，你会学到很多。

这个实现具我想到有两种方式，一种是用table，一种是用div的sprit做法。
Read the rest of this entry »