阿里国际站UED前端开发工程师试题

阿里国际站UED前端开发工程师试题

当鼠标略过某个区块的时候,该区块会放大25%,并且其他的区块仍然固定不动。

以下代码按照阿里巴巴国际网站UED 前端开发工程师试题 1:1大小制作。

CSS 部分:

  1. #a,#b,#c{position: absolute; background:#CDD8DA;} 
  2. #a{width:90px; height:153px; top:0; left:0;} 
  3. #b{width:217px; height:279px; top:0; left:98px;} 
  4. #c{width:90px; height:118px; top:161px; left:0;}

阅读全文…

31 views | 没有评论
2009年7月24日 | 归档于 前端开发

很有感觉的网站交互手绘稿

前期用纸原型来进行网站交互设计,速度快、效率高、容易改。

Soxiam 在 Flickr 上的一些手绘稿照片,很有感觉,发上来供大家欣赏!

网站交互手绘稿

阅读全文…

34 views | 1 条评论
2009年7月23日 | 归档于 交互设计

09年杭州日全食

2009年07月22日,让我们一同举起相机,拍下那最美瞬间…

09年杭州日全食

[天x]开始吃太阳啦…

阅读全文…

32 views | 2 条评论
2009年7月22日 | 归档于 视觉设计
标签: ,

CSS Sprites 图片整合技术

技术优势:

CSS Sprites 的目的就是通过整合图片,减少对服务器的请求数量,从而加快页面加载速度。

实现方法:

1、首先将小图片整合到一张大的图片上。

2、然后根据具体图标在大图上的位置,给背景定位。( background-position:-7px -17px; )

阅读全文…

14 views | 没有评论
2009年7月21日 | 归档于 前端开发
标签: ,

CSSBOX推荐的CSS代码书写顺序

团队协作时推行一套CSS书写标准,这样将便于阅读,查找与修改CSS属性,使CSS代码更加的清晰规范!

1、显示属性

display | position | float | clear | cursor …

2、盒模型

margin | padding | width | height

3、排版

vertical-align | white-space | text-decoration | text-align …

4、文字

color | font | content

5、边框背景

border | background

11 views | 没有评论
2009年7月19日 | 归档于 前端开发
标签: ,