随笔- 361
文章- 7
评论- 26
阅读-
50万
01 2013 档案
五个为你的设计添加光影效果的简单技巧（转）
摘要：http://www.woaicss.com/article/photoshop/ps00.htm 现实生活中无时无处不存在着光照和阴影。你看到的每样东西都是通过光影反射形成它的形象。视觉上，光影帮助我们辨别事物，认知他们的材质、尺度和透视。所以如果要让我们的网页设计更加自然、有动感且真实直观，正确理解光影效果就变得非常重要。以下是助你更好利用光影的五个技巧，好好运用它们，能让你的设计更加精致，从众多的页面中脱颖而出。光照与阴影的原理快速剖析下图中，光源来自左方。高光是光照最强的部分，阴影位于距离光源最远的地方。光影的存在帮助我们感知有关物体表面材质的大量信息。不过你可能要问，这和网页设计有.
阅读全文
前端工具资源汇集-js
摘要：JS2012年GitHub加星最多的JavaScript 库Meteor——Meteor is an open-source platform for building top-quality web apps in a fraction of the time, whether you’re an expert developer or just getting started.Select2——Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, an
阅读全文
css点滴知识汇集（转+编辑）
摘要：转载自：http://www.w3cplus.com/solution/waterdrop/waterdrop.htmlCSS布局大全Layout Gala- 这个网站收集了40多个专业的CSS布局，每个布局都通过了CSS和html验证，且不需要Hack，兼容各大主流浏览器。CSS Layouts – 另一个专门收集CSS布局的网站。Dynamic Drive CSS Layouts – Dynamic Drive对于喜欢设计的人来说是比较熟悉的网站了，它们同样提供有很多CSS布局，两栏，三栏，自适应宽度，固定宽度都有。---I likeNice and Free CSS Layouts –
阅读全文
关于IE7 IE8兼容HTML5和CSS3的一种解决方案 (转）
摘要：转载至:http://blog.csdn.net/ixr_wang/article/details/70552271、添加到head里<!--[if IE 7]><script type='text/javascript' src='js/excanvas.js'></script><link rel="stylesheet" href="css/iefix.css" type="text/css" media="screen" />&
阅读全文
CSS圆角Box的实现小结
摘要：一、先总结一下各种实现的方法全部浮动法如果一个CSS初学者写图片圆角效果，那么推荐使用全部浮动法，简单且容易上手。其原理就是左圆角左浮动，主体也左浮动，右圆角右浮动，外包div 平铺背景图片。很直观的就实现出图片圆角效果。缺点是之后会需要清除浮动，且因背景图片全部平铺，所以左右俩个圆角必须左右覆盖背景上不能让圆角留白处透 明出下方的图片。HTML代码如下：<div class="floatMethod"> <div class="left"></div> <div class="middle"
阅读全文
解决Div自适应高度的方法（转）
摘要：http://www.yutheme.cn/website/index.php/content/view/39/63.htmldiv高度自适应是个比较麻烦的问题，在朋友artery那里看到这个文章，帮我解决了不少问题，摘录下来:Div即父容器不根据内容自适应高度，我们看下面的代码：<div id="main"> <div id="content"></div></div> 当Content内容多时，即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了，但容器ma
阅读全文
SASS用法指南（转）
摘要：http://www.ruanyifeng.com/blog/2012/06/sass.html一、什么是SASSSASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SASS。假定你已经安装好了Ruby，接着在命令行输入下面的命令： gem install sass然后，就可以使用了。2.2 使用SASS.
阅读全文
