• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
Joanna Qian
Stay Hungry, Stay Foolish!
博客园    首页    新随笔    联系   管理    订阅  订阅
01 2013 档案
五个为你的设计添加光影效果的简单技巧(转)

摘要:http://www.woaicss.com/article/photoshop/ps00.htm 现实生活中无时无处不存在着光照和阴影。你看到的每样东西都是通过光影反射形成它的形象。视觉上,光影帮助我们辨别事物,认知他们的材质、尺度和透视。所以如果要让我们的网页设计更加自然、有动感且真实直观,正确理解光影效果就变得非常重要。以下是助你更好利用光影的五个技巧,好好运用它们,能让你的设计更加精致,从众多的页面中脱颖而出。光照与阴影的原理快速剖析下图中,光源来自左方。高光是光照最强的部分,阴影位于距离光源最远的地方。光影的存在帮助我们感知有关物体表面材质的大量信息。不过你可能要问,这和网页设计有. 阅读全文
posted @ 2013-01-29 00:52 Joanna Qian 阅读(561) 评论(0) 推荐(0)
前端工具资源汇集-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 阅读全文
posted @ 2013-01-28 23:03 Joanna Qian 阅读(358) 评论(0) 推荐(0)
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 – 阅读全文
posted @ 2013-01-27 06:37 Joanna Qian 阅读(237) 评论(0) 推荐(0)
关于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" />& 阅读全文
posted @ 2013-01-26 10:35 Joanna Qian 阅读(2180) 评论(0) 推荐(0)
CSS圆角Box的实现小结

摘要:一、先总结一下各种实现的方法全部浮动法如果一个CSS初学者写图片圆角效果,那么推荐使用全部浮动法,简单且容易上手。其原理就是左圆角左浮动,主体也左浮动,右圆角右浮动,外包div 平铺背景图片。很直观的就实现出图片圆角效果。缺点是之后会需要清除浮动,且因背景图片全部平铺,所以左右俩个圆角必须左右覆盖背景上不能让圆角留白处透 明出下方的图片。HTML代码如下:<div class="floatMethod"> <div class="left"></div> <div class="middle" 阅读全文
posted @ 2013-01-25 11:50 Joanna Qian 阅读(493) 评论(0) 推荐(0)
解决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 阅读全文
posted @ 2013-01-10 05:41 Joanna Qian 阅读(276) 评论(0) 推荐(0)
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. 阅读全文
posted @ 2013-01-08 05:08 Joanna Qian 阅读(267) 评论(0) 推荐(0)

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3