欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

标签:Design

Web前端

Css制作table细线表格

Css制作table细线表格
Css制作table细线表格1、介绍了一个不常用属性:border-collapse:collapse; 2、使用了一个属性缩写技巧:border:style color;border-width:上 右 下 左; table { border-collapse:co...

8年前 (2011-12-22) 756℃ 0评论 0喜欢

Web前端

CSS的优先级探讨

CSS的优先级探讨
虽然个人很支持博客园里面原创的教程,但是有时候遇到好的文章也很想跟大家分享一下,下面这篇文章对CSS优先级阐述得非常详细,对深入研究CSS大有裨益,因此转到个人博客上,希望对大家有帮助。 一、CSS的优先级 1、标有"!important"的规则有最高优先级 一个样式...

9年前 (2011-08-23) 499℃ 0评论 0喜欢

Web前端

CSS使用技巧大全

CSS使用技巧大全
近,我开始升级网志了。 在修改模板的过程中,需要重写CSS样式表。正好看到instantshift.com有一篇CSS常用技巧的总结文章,我就把它整理出来,供自己参考,也希望对大家有用。 未来,本文将持续更新。 1. 文字的水平居中 将一段文字置于容器的水平中点,只...

9年前 (2011-06-15) 598℃ 0评论 0喜欢

丝雨点点

前端设计类书籍推荐

前端设计类书籍推荐
位于设计师和后台开发中间的前端开发工程师,其实也都算是视觉动物的,其中很多人同时也是很棒的设计师。而听过彪叔《一专多长》演讲的人大多也会这样要求自己吧,那么无论是设计师本身,还是前端开发工程师,多读些设计类的书会是很好的,有时候或许也会让人豁然开朗的吧。 这里推荐一些...

9年前 (2011-06-10) 268℃ 0评论 0喜欢

PHP

免费图标(icons)超级大合集

免费图标(icons)超级大合集
之前我们多次分享图标,今天我们整理了一大批的图标与大家分享,可能有些我们一前的文章里面也提到过,不过我们认为这些有必要多提几次,因为他们实在是太优秀了。 Circle Social Media Icons by Umar Irshad Download Icons ...

9年前 (2011-03-27) 631℃ 0评论 0喜欢

丝雨点点

网站设计中页面宽度要多少才合适

网站设计中页面宽度要多少才合适
网页设计标准尺寸: 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1002以内,如果满屏显示的话, 因为现在浏览器经常装有工具条或其它一些插件, 所 以高度不太好计算, 一般高度是...

9年前 (2010-11-17) 464℃ 0评论 0喜欢

javascript

21个CSS惊人技巧分享

21个CSS惊人技巧分享
级联样式表(CSS)在当代Web设计中已经成为重要的环节,如果没有CSS现在的网站将像10年前一样不堪入目。随着CSS技术的普及,越来越多的高质量CSS教程涌入互联网,让我们的学习更加方便。下面彬Go向大家推荐21个惊人的CSS技巧,相信其中必有你想不到的。还等什么,...

9年前 (2010-10-07) 409℃ 0评论 0喜欢

javascript

60多个精品CSS技巧教程资源大全

60多个精品CSS技巧教程资源大全
我总是对每一个想学CSS的朋友说: “学CSS真的很简单,一个星期就搞定。” 但真的这么简单吗?魔方也很简单,拿到手里就知道怎么玩了,但最高境界却不是几天或几个月就能修成的,甚至根本就不可能达到,永远需要提高,看似痛苦,同时也享受升华的乐趣,CSS也一样,痛并快乐指的...

9年前 (2010-10-07) 412℃ 0评论 0喜欢

丝雨点点

在Photoshop设计一个布局现代博客

在Photoshop设计一个布局现代博客
简介 在本教程中,我们将使用 960个网格系统。 来吧,下载并解压缩归档文件。 然后打开“960_grid_24_col.psd”的Photoshop文件(你会发现文件夹里面的“Photoshop”的文件夹中“位于里面的”模板)。 当你在Photoshop中打开。PS...

9年前 (2010-09-27) 326℃ 0评论 0喜欢

javascript

前端开发工具-网页调试工具

前端开发工具-网页调试工具
前端开发中我们经常会要调试页面,主要html、css调试和js调试,这里整理一些工具: 一、firefox网页调试插件 1.firefox插件Firebug 主要用于html、css的调试和js调试 从事了数年的Web开发工作,越来越觉得现在对WEB开发有了更高的...

10年前 (2010-07-27) 627℃ 0评论 0喜欢

WEB产品设计

激发大脑潜能,让你灵感倍现的100个产品设计

激发大脑潜能,让你灵感倍现的100个产品设计
概念设计师也被成为“未来视觉艺术家”这些概念设计也许还不能走向市场,但是当你在做未来设计或者在网络中寻找灵感的时候,它们依然可以带给你启迪。这些设计也许在一些方案里有点不切实际,但是这些想法被推向全世界是我们可以看到它师如何逐渐演化和成长的。记住这些都只是概念,你还...

10年前 (2010-06-20) 599℃ 0评论 0喜欢

WEB产品设计

激发大脑潜能,让你灵感倍现的100个产品设计(2)

激发大脑潜能,让你灵感倍现的100个产品设计(2)
这些设计也许在一些方案里有点不切实际,但是这些想法被推向全世界是我们可以看到它师如何逐渐演化和成长的。记住这些都只是概念,你还买不到它们!其中有些可能比另一些更能尽快实现,尤其是那些由布劳恩或者三星这样的大公司提出的概念。否则,谁知道它们是否或者什么时候才能实现呢。...

10年前 (2010-06-20) 254℃ 0评论 0喜欢

分享

通用的网页设计原则

通用的网页设计原则
  经常会听到有人议论,设计很主观化,很难有标准。但一些常见设计法则,还是能够让我们深入浅出,在设计过程中给予我们一些辅助。以下就简单介绍几个: 1.Flexibility-Usability Tradeoff 弹性-使用性权衡   弹性,即样样知晓,无一精通。当弹...

10年前 (2010-06-08) 197℃ 0评论 0喜欢

Web前端

CSS的查找匹配原理

CSS的查找匹配原理
用了这么多年的CSS,现在才明白CSS的真正匹配原理,不知道你是否也跟我一样?看1个简单的CSS: DIV#divBox p span.red{color:red;},按习惯我们对这个CSS 的理解是,浏览器先查找id为divBox的DIV元素,当找到后,再找其下的所...

10年前 (2010-06-08) 158℃ 0评论 0喜欢

分享

PS高级技术-图片处理

PS高级技术-图片处理
1.复制图层,滤镜-模糊-径向模糊:数量71,模糊方法-缩放,品质-好, 2.建立模板,擦出汽车,再用涂抹擦出轮子的动感, 3.色阶-可选颜色。加素材,渲染整体气氛,同减淡做细节调整,主直径5之内,硬度最小­ ­ 1.在RAW中调整亮度,对比等,为之后的调整打基础...

10年前 (2010-06-02) 197℃ 0评论 0喜欢

wordpress

Photoshop高级技巧

Photoshop高级技巧
照片名称:调出照片柔和的蓝黄色-简单方法, 1、打开原图素材,按Ctrl + J把背景图层复制一层,点通道面板,选择蓝色通道,图像 > 应用图像,图层为背景,混合为正片叠底,不透明度50%,反相打钩, 2、回到图层面板,创建曲线调整图层,蓝通道:44,182,...

10年前 (2010-05-20) 237℃ 0评论 0喜欢

分享

[图示]网易网站设计(思想)

[图示]网易网站设计(思想)
多人可能认为门户网站首页设计只是把一些导航、资讯内容和广告堆积起来摆放得好看就可以了,虽然这个观点也并不是完全错误的,确实门户网站首页是由这三方面内容组织而成,但随着互联网的快速发展,用户对访问网站的要求也越来越高,在互联网行业,因为很多东西是免费和相似的,用户转移...

10年前 (2010-05-04) 150℃ 0评论 0喜欢

javascript

常用设计元素的高级CSS技巧

常用设计元素的高级CSS技巧
提升CSS技巧往往并不需要你去创造出什么前无古人后无来者的CSS技巧,事实上,网页设计中常用的一些布局和样式技巧,每个学CSS的人都已经知道怎么实现了,但我们总是想寻找更佳的解决方案。 本文收集整理了60多个高级CSS技巧,不管你是CSS新手还是高手,相信这些技巧都能...

10年前 (2010-04-29) 480℃ 0评论 0喜欢

javascript

css 技巧详解:overflow

css 技巧详解:overflow
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。 所有对象的默认值是 visible ,除了 textarea 对象和 body 对象的默认值是 auto 。设置 textarea 对象此属性值为 hidden 将隐藏其滚动条。 overflow属性有四个值...

10年前 (2010-04-29) 241℃ 0评论 0喜欢

flash

最新整理的css+div技巧,绝对经典!

最新整理的css+div技巧,绝对经典!
1、 使用float:left 来控制列数,如果box的总宽度除列数的百分比,有小数哪么在ie下就会自动换行(解决方法:box的宽度除列数的百分比 要为整数) 2、 不让链接折行 a {     white-space:nowrap; ...

10年前 (2010-01-24) 151℃ 0评论 0喜欢

flash

最常用的12种CSS BUG解决方法与技巧

最常用的12种CSS BUG解决方法与技巧
最常用的12种CSS BUG解决方法与技巧 一、 针对浏览器的选择器   这些选择器在你需要针对某款浏览器进行css设计时将非常有用.   IE6及其更低版本,本文由52CSS.com整理,转载请注明出处!   * html {}   IE7及其更低版本   *:fi...

10年前 (2010-01-21) 167℃ 0评论 0喜欢

javascript

10大实用web应用界面技术

10大实用web应用界面技术
当今越来越多的应用程序迁移到web平台上。由于没有平台的限制和安装的要求,SAAS的模式看起来非常有吸引力。Web应用程序的界面设计,其核 心就是网页设计,但它的重点主要是在功能方面。要超越桌面应用程序, Web应用程序必须提供简单、直观和即时响应的用户界面,让他们的...

10年前 (2010-01-21) 258℃ 0评论 0喜欢