• 细节让网页设计与众不同

    调色板和背景,很好的模拟了真实的橙子的果肉口感。进一步研究,我们发现它使用了CSS3为文本增加一些阴影来增加与背景的对比。为了真正的欣赏细节,我们需要在进一步的研究。 像素级完善 真正的细节应用在... 阴影效果对于网页设计者来说已经不陌生了。许多网站很早就开始使用它们并且经常模拟平面深度及二维介质。阴影和高亮可以微妙但强有力地改善我们网站的用户体验。 我们在设计中采用CSS3,它可以带来的宏伟...

    http://dtop.powereasy.net/Item/89.aspx
  • 理解响应网页设计元素

    设计中包含的图片也必须是灵活的。 在不同的环境中必须可以通过媒体查询拥有不同的视图。 CSS-Tricks根据浏览器窗口的大小改变它的网页布局。 重要的是要注意所有这三个特征都必须实现...最好的方案,并且可以与任何现存的系统一样灵活。 事实上,大多数存在的网格系统都限制于使用CSS类来定义大小,间距和排列。试着附加这些限制到一个响应网页设计上可能会很棘手并且比写自己的布局更浪费时间。 ...

    http://dtop.powereasy.net/Item/119.aspx
  • 响应式布局的应用及如何设计

    图片”,并进行相应的反馈输出。对于小屏幕的移动设备,原始尺寸的大图片永远不会被用到。 (2)css3 image @media (min-device-width:600px) {...margin-bottom:10px;} 6、Media Queries 常规用法 <link rel="stylesheet" type="text/css&...

    http://dtop.powereasy.net/Item/3421.aspx
  • px、em、pt之间的区别与互相转换

    这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点,看过...于显示器屏幕分辨率而言的。(引自CSS2.0手册) em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册...

    http://dtop.powereasy.net/Item/3568.aspx
  • [转]2011年网站设计规划趋势分析

    平板电脑等设备。你都准备好了吗? 1. 更多的CSS3 + HTML5 这是期待已久的事情。在过去的几年设计师已经开始关注和使用CSS3+HTML5,但在2011年CSS3+HTML5将会得到更广泛的应用。网页设计师最终会抛弃Flash。Flash不再是昔日的王者,新技术(指CSS3+HTML5)将会取而代之。2011年,Flash渐行渐远,...

    http://dtop.powereasy.net/Item/77.aspx
  • 水平子导航居中脚本

    </ul> </div> * CSS代码片段 .topNav { position: relative; z-index: 1; } .topNav ul { ...gt; (pos.left-padding) ){ sub.css("left", padding + "px"); }else if( (...

    http://dtop.powereasy.net/Item/2052.aspx
  • 窥探动态流体布局

    插件可以实现的。简单介绍下这三个神奇的插件,让我们得来全不费工夫的插件吧。 jQuery Masonry 一个JQuery动态布局插件,CSS侧边浮动。 Isotope ...

    http://dtop.powereasy.net/Item/295.aspx
  • 【转】JavaScript 桌面应用框架

    Core、Dijit、DojoX。Core提供 Ajax,events,packaging,CSS-based querying,animations,JSON等相关操作API。Dijit是一个可更换皮肤...

    http://dtop.powereasy.net/Item/1922.aspx
  • HTML5 适用总结1

    figure > 3. 删除Js和CSS的type属性 以前在<link>和<script>上一般会加上type属性: <LINK rel=”stylesheet” type=”text/css” href="style.css"> <SCRIPT type=”...

    http://dtop.powereasy.net/Item/2716.aspx
  • 什么样的设计更适合web页面?

    合。 “轻量“设计一个比较典型的例子就是国内某知名网站,几乎没有采用任何需要图片的视觉元素,而是通过简单的CSS样式去实现,这样不仅能够突出内容,更能提升页面的访问速度。所以我十分强烈的建议视觉设计师也掌握一定的html和css知识(尤其是CSS3实现了很多过去需要图片才能实现的效果,例如圆角和渐变),这样在做设计的时候能够全面的去考虑产品效果。 下面这个...

    http://dtop.powereasy.net/Item/23.aspx