随笔分类 -  布局

摘要：浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。将讨论的浏览器今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。本文将基于一些开源浏览器的例子——Firefox、 Chrome及Safari，Safari是部分开源的。根据W3C(World Wide Web Consortium 万维网联盟)的浏览器统计数据，当前(2011年5月)，Firefox、Safari及Chrome的市场占有率综合已接近60%。(原文为2009年10月，数据没有太大变化)因 阅读全文

摘要：本章主要是介绍Bootstrap默认的基础样式定义，利用这些基础的定义相互组合，完成页面的整体风格定义甚至是更具体的效果。Bootstrap应该是一个基础工具，它的好处在于已经帮你定义了一个基础的样式风格，对一个网站来说，风格统一的页面们是相当重要的（除非你的站点已经复杂到需要做一些定制化的页面）；还解决了主流浏览器兼容问题。但对于国内的使用者来说，存在一个比较严重的问题——并不支持IE6。就我个人的认知来看，在使用的时候，我们总是需要根据自己的需求对Bootstrap框架做一些调整，比如兼容ie6，比如更换部分组件的风格，比如增加图标或去除不需要的图标，比如增加一些组件样式支持等等等等。本章 阅读全文

摘要：Responsive IllustrationPortalsBowieFocusRainCarve MeBokehMonsterTilt ShiftI Love BlurFlashlightIconsSolar SystemLeica3D Domo3D iPhoneMac OSX LionLoading Loop SetOn Off文章出处：http://www.queness.com/post/12152/showcase-of-really-awesome-css3-demo 阅读全文

摘要：简介如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如 Pinterest (貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的“哇哦” 等等，倒是很流行哈~ 在淘宝即将上线的众多产品中，你还会大量看到这样的形式呢。这种布局适合于小数据块，每个数据块内容相近且没有侧重。通常，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。所以，我们给这样的布局起了一个形象的名字 — 瀑布流式布局。几种实现方式随着越来越多设计师爱用这种布局，我们作为前端，要尽可能满足视觉/交互设计师的需求。所以 阅读全文