logo

Some Web Design Sites

2010/3/24 22:20:46 | Tag: Design, CSS, URL | Hits: 2025 | Comments: 0

 
http://osdnetwork.org/
 
http://pixelnovel.com/
 
http://www.xero.com/
 
http://www.nosotroshq.com/inicio/
 
http://www.getmiro.com/
 
http://clearleft.com/

http://www.mailchimp.com/
 
http://www.lightcms.com/
 
http://www.qianduan.net/

IE6死后让网页设计者高兴的10件事

2010/2/24 11:50:22 | Tag: IE6, IE, Web, CSS | Hits: 1497 | Comments: 0

关键字:
  很多人以为IE6已经死了,也许只有设计师这样认为,现实世界中IE6的使用者大有人在,不过不会维持很久,IE8已经推出,微软对IE8的推广不遗余力,同时,不少人从IE转到别的浏览器,总有一天,IE6会被弃之如敝履,没有人愿意再提起,那时,有 10件事会大快人心。



  使用 CSS 2 的 child 选择器

  不必再写一大堆规则在某个对象的子对象中筛选,CSS2 的子选择器(child selectors)可以选择某个对象下直接的子对象。

  放心使用 24 位 PNG 图片(透明不再是问题)

  不必象以前那样在不同背景方案下设计不同的图片边缘反锯齿方案,

Lotus Garden Crafts(Designed By Bluesky)

2010/2/10 16:10:49 | Tag: Web, Design, CSS | Hits: 1692 | Comments: 0

这算是做得比较轻松畅快的一次了~

[img]/upload/BlogPic/LGC_1.jpg[/img]

[img]/upload/BlogPic/LGC_2.jpg[/img]

[img]/upload/BlogPic/LGC_3.jpg[/img]

[img]/upload/BlogPic/LGC_4.jpg[/img]

网页设计中的包容原则

2009/8/4 14:11:00 | Tag: Web, CSS, 设计, 网页, design | Hits: 1357 | Comments: 0

可视性允许我们一见到某事物就直截了当地知道如何与其交互。例如,当我们看到一扇门旁边的小按钮时,我们会马上意识到这是要用指头来按的;常识又告诉我们,一旦按下去就有声响发出,然后房间里的人就会知道“有人正站在门外呢”。把这一概念移植到视觉设计领域:当我们在网页上看到一个有3D样式的按钮时,我们立马就能明白这是一个可以用鼠标来“按”的东西。 

可视性仅仅是成功的一半

设想这样一种情景:人们虽然能轻松懂得如何使用某件物品,但是却缺乏执行操作的能力。绝大部分坐轮椅的人都知道楼梯应该怎么用,但楼梯的“可视性”无助于他们爬上楼梯。这时,问题便出现了。

相反,杂货店的宽大自动门对于有或没有特别通过需求的人都具可视性,并且能被二者轻松使用。我们把这种可视性和广泛亲和性[注3](all-embracing accessibility)的结合称为

网页设计表单中的select样式

2009/4/2 17:01:12 | Tag: CSS, 表单, Web | Hits: 1226 | Comments: 0

表单中 select 样式 

表单样式,可以依靠CSS来改变外观 边框 底色,但是唯独<select>标签不能依靠简单的对边框 底色进行CSS设置进行实现。这里介绍一个方法,具体代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta htt

浏览器/CSS选择器兼容性总结

2009/4/1 10:54:16 | Tag: CSS, HTML, 样式 | Hits: 1403 | Comments: 0

2009年2月24日,Safari 4.0 beta版正式发布,Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3)。不过为了方便大家的工作,下面提供了最新版本的CSS选择器浏览器支持情况,其中包括最新的CSS3和Safari 4.0 Beta的支持情况。感谢Estelle Weyl的总结。

注:

 * 绿色/ √  表示目前支持。
 * 橙色/ Δ  表示浏览器部分支持当前CSS选择器。
 * 红色/ Χ  表示浏览器完全不支持。


[img]http://blog.bingo929.c

最常用的12种CSS

2009/3/16 13:57:43 | Tag: CSS, Web, IE, PNG, FireFox | Hits: 1351 | Comments: 0

BUG解决方法与技巧2009-02-13 16:37CSS bug是布局中最头疼的问题。我们需要兼顾各种浏览器,以期待获得一致的效果。非常遗憾的是各厂商之间的竞争导致很多问题的存在。而IE6与IE7在很多问题上也存在着很大的差别。在52CSS.com大量的技术文档中,也包含了这方面的内容。轻松的解决CSS bug是我们必须掌握的技能。现在整理出最常用的12种CSS BUG解决方法以及CSS BUG类的小技巧。希望对您的学习、工作有所帮助,如果您依然有疑问,欢迎您到52CSS.com查阅、搜索相关内容。

一、 针对浏览器的选择器

  这些选择器在你需要针对某款浏览器进行css设计时将非常有用.
  IE6及其更低版本,本文由52CSS.com整理,转载请注明出处!
  * htm

css技巧和常识

2009/3/16 11:33:06 | Tag: CSS, Web | Hits: 1067 | Comments: 0

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。

2、无边框。推荐的写法是 border:none; ,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。

3、慎用 * 通配符。所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。要有选择的初始化标签。

4、CSS 的十六进制颜色代码缩写。习惯了缩写及小写,

FireFox浏览器和IE浏览器下CSS兼容问题

2008/12/3 19:14:05 | Tag: CSS, FireFox, IE | Hits: 1132 | Comments: 0

1.DOCTYPE 影响 CSS 处理

2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行

3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中

4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 

CSS高级技巧之网页布局

2008/8/19 22:34:25 | Tag: CSS, Web | Hits: 1281 | Comments: 0

CSS至关重要的作用, CSS的设计初衷.

  CSS布局和几年前table横行时的布局又不太一样, 在结构化语义化的HTML文档后面, CSS在格式化文档的渲染效果, 把结构化文档用表现化语言来描述. 简而言之, 就是CSS不需要表现性标签!

  CSS布局技术依赖于三个基本概念: 定位, 浮动, margin操纵. 布局技术之间没有本质的区别, 相同一种布局让100个前端开发工程师来做, 可能就有100种方法.

  居中

  在table时代, align和Valign相当的好用, 而在CSS中却没有简单实现的方法,所以在标准化刚刚开始推广的时候, 很多重构项目中居中问题

Copyright 2013 © SkyIMG.cn. All Rights Reserved. | 京ICP备05063919号