最新 | 最热门 | 最高评价

+0  两个CSS3样式可视化生成工具:CSS3 Please & CSS3 Generator

Tag: 設計資源 | CSS3 Generator | CSS3 Please | css3
Leeiio 发于 2010年04月01日 22:54 | 点击: 2355 | 展开摘要
CSS3随着浏览器的升级已经被越来越广泛的运用,合理的运用CSS3可以使你的网站更加美观,并且之前只能用js才能实现的效果也已经可以直接用CSS3来实现。但是虽然如此,很多浏览器对CSS3的支持还都是通过其私有属性来达到支持的,鲜有直接对W3C的标准来实现的。诸如firefox的-moz-和webkit的-webkit-属性前缀。

不过CSS3本身W3C也并未有正式版发布,现在还只是草案。下面我推荐两个很直观的,可视化的,自动生成CSS3样式代码的工具网站给大家。

1.C

查看全文: http://www.udpwork.com/item/2291.html

+1  瑞典Ericsson总部Master Thesis面试回忆录

Tag: 职业生涯 | Chalmers | Ericsson | Interview | 面试
Guancheng (G.C.) 发于 2010年02月05日 03:53 | 点击: 2866 | 展开摘要
前言:去年4月份我申请过一些6月份开始的毕业设计和暑假实习,最终拿到了Ericsson的master thesis offer和另一个哥德堡小公司的summer intern,Volvo在我拿到summer intern后也给了interview。现在应该已经有不少一年级的同学要开始找暑假实习了,我觉得你们可以考虑申请6月份开始的毕设(等毕设结束后再回学校把剩下的课程修完)。下面是我去位于Kista的Ericsson总部面试的经历,希望对大家有用。Summer Intern总

查看全文: http://www.udpwork.com/item/1196.html

+0  Goodbye to CSS Hack

Tag: 前端开发 | CSS | Ext | Hack
lifesinger 发于 2009年06月23日 12:59 | 点击: 2587 | 展开摘要
看看下面这段代码,是否倍感亲切但又觉得很陌生呢:

.test {
background-color: black; /* firefox, opera, ie8 */
[;background-color: green;] /* safari, chrome */
*background-color: blue; /* ie7 */
_background-color: red; /* ie6 */
}
html*~/**/body .te

查看全文: http://www.udpwork.com/item/633.html

+0  脱离文档流的容器,IE下宽度自适应的bug

Tag: 前端开发 | bug | CSS | hasLayout | ie6 | ie7
lifesinger 发于 2009年05月17日 21:24 | 点击: 2235 | 展开摘要
时不时会遇见这个bug,学习PPK,记录沉淀下。

现象

测试页面:ie_hasLayout_width_bug.html

正常情况下,没有设定宽度的浮动容器test-wrap,当包含的block元素test-box也没有设定宽度时,test-box的宽度会和test-wrap保持一致:

其中test-wrap的宽度取决于所包含的子元素的最大宽度。

但在IE7下,test-box的宽度塌缩到最小了:

IE6下,test-box的宽度则扩展到和浏览器窗口一样宽:



查看全文: http://www.udpwork.com/item/640.html

+0  图片的HTTP请求(续)

Tag: 前端开发 | background | CSS | flicker | http request | image
lifesinger 发于 2009年05月16日 19:38 | 点击: 2778 | 展开摘要
在上一篇中,很多朋友在回复中提到了一些更有意思的现象,忍不住继续挖掘一番:

10. IE6下的背景闪烁bug

这个bug久闻其名,但我自己从来没遇到过。纳闷了许久,后来才发现,这是一个非典型性甚至可以忽略的bug. 因为它的触发条件离普通用户很远:

The cause of flickering is choosing “Every visit to page” in Tools » Internet Options… » Tempo

查看全文: http://www.udpwork.com/item/642.html

+0  纯CSS在Firefox模拟text-overflow: ellipsis效果

Tag: Web开发 | CSS | Firefox | text-overflow
loaoao@gmail.com (aoao) 发于 2009年03月15日 22:09 | 点击: 2560 | 展开摘要
text-overflow这个属性真让Firefox折腾,虽然之前有写过Firefox通过XUL实现text-overflow:ellipsis的效果,不过要外挂xbl来用也就一直没用,虽然想过Data URI,但其实还不如外挂xbl。

这两天在论坛看到14px同学写的超过宽度显示省略号(无js全兼容),想法很有创意,使用一张图片来做“…”,另一张图片用来在字不够长的情况下盖掉“…”,原文攻略很完整,大家可以去看一下思路,个人认为的缺点就是用了图片,

查看全文: http://www.udpwork.com/item/760.html

+0  Designers Who Are Technical: The More You Know, The Better Your Work

Tag: Application Design | css | jquery | user experience design
flyosity 发于 2009年03月12日 06:28 | 点击: 2421 | 展开摘要
This morning a good conversation broke out in Twitter, which is not the best medium for real-time conversation, but hey we take what we get. It was concerning this article where Lukas Mathis said that for people who design user experiences,

查看全文: http://www.udpwork.com/item/1147.html

+0  用私有属性来拯救IE7缩放图片的失真

Tag: Web开发 | CSS | IE7
loaoao@gmail.com (aoao) 发于 2009年03月02日 01:13 | 点击: 2196 | 展开摘要
图片缩放会失真是真理,在浏览器里也一样,貌似使用传说中的双三次插值可以让失真看起来比较不明显,但是真的想不通IE7已经实现了,却不默认打开,是体谅我们的CPU还是内存呢?

简单来说,我们在图片的CSS 加-ms-interpolation-mode: bicubic 就可以让IE7的图片在有缩放的情况下,失真变得不怎样明显,

更多的测试可以到可以到MSDN做的例子看一下效果,或者到血統の森-web実験小屋看一下效果。

没想到IE7平滑的效果居然可以比Safari好。更让

查看全文: http://www.udpwork.com/item/761.html

+0  CSS系统颜色

Tag: Web开发 | color | CSS
loaoao@gmail.com (aoao) 发于 2009年01月04日 02:01 | 点击: 2487 | 展开摘要
直接调用系统的颜色显示在网页上本来是件很好玩滴事,但是,也有个缺点,就是可用的色太少 比如Bindows在它的启动画面一点点应用。

=。= 上次本来想在某个产品上应用,结果给人BS了,原因是色不好看 囧rz

在css21 中 System Colors也有相关描述,CSS3还加了超链接的色,还有个flavor。

但是,要有浏览器支持才是硬道理,浏览器不支持,虾米都回家睡觉。

附各色显示效果,如果看不到文字部分就像刮彩票一半刮开看一下,其中,Background 这个在

查看全文: http://www.udpwork.com/item/765.html
|<<<12345>>>| 一共5页, 57条记录