15个CSS网格布局生成器
网格布局能让你的网站结构清晰、更具可用性和易读性。看看32个网格布局的网页设计欣赏就知道了。和之前的15个CSS框不同，本文着重于推荐15个CSS网格布局生成器。既能让你生成漂亮的网页，又能提高你的设计工作效率。 1.Blueprint CSS 网格生成器 2.Variable 网格系统 3.YUI CSS网格布局创建工具 4.Grid System Generator 5.Grid Generator by Des...
阅读更多优秀的CSS布局大全
这份列表收集一些比较优秀的CSS布局，这些布局都免费供个人和商业使用。当然，你使用之前还是得看版权说明，也许会发生许可协议变更。 Layout Gala- 这个网站收集了40多个专业的CSS布局，每个布局都通过了CSS和html验证，且不需要Hack，兼容各大主流浏览器。 CSS Layouts – 另一个专门收集CSS布局的网站。 Dynamic Drive CSS Layouts – Dynam...
阅读更多CSS Sticky Footer: 完美的CSS绝对底部
CSS的简单在于它易学，CSS的困难在于寻找更好的解决方案。在CSS的世界里，似乎没有完美这种说法。所以，现在介绍的CSS绝对底部，只是目前个人见过的方案中比较完美的吧。 先说我们为什么会使用到这个CSS底部布局解决方案: 当做一个页面时，如果页面内容很少，不足于填充一屏的窗口区域，按普通的布局，就会出现下面图片中的样子(也就是底部内容并没有...
阅读更多35个使用Photoshop创建网页布局的教程
要创造一个极具诱惑力的网站，photoshop 是一个优秀的工具。很多设计师都先用Photoshop规划设计出自己的网站布局和风格后，再进行CSS+Xhtml。或者一些专门接付费设计任务的设计人员，都经常需要到给客户先看使用Photoshop绘制的草图。 很幸运，这里是35个强大的教程，指导你如何使用Photoshop 创建一个极具视觉效果的Photoshop布局。不幸运的是，他们...
阅读更多没有div没有float没有clear没有hack的超强CSS布局
CSS + Xhtml 有多伟大不必多说了。但这项看似简单的开发技术，有千种应用万般变化。学会CSS + XHTML 不难，如何最合适最精简的去应用才是最难的。我基本每隔一段时间会对帕兰映像修改一下，很多时候，外观没有任何改变。只是为了自己又用更简单的代码实现的某个小部分的修改而沾沾自喜。 我们说CSS + XHTML，但很多时候，我们理解为DIV + XHTML。在网...
阅读更多Typogridphy: 适合网格布局的CSS框架
Typogridphy是一个CSS框架，用来帮助网页设计师和前端开发者能够快速编码实现漂亮的网格布局。 Typogridphy是基于帕兰之前介绍的一个挺受欢迎的960网格系统 ，它可以让你快速创建出各种各样的网格布局，并且非常轻松和简单。这个框架的CSS充分符合语义验度，严格的Xhtml等标准 。
阅读更多32个网格布局的网页设计欣赏
webdesignwall收集了32个网格布局的网页设计欣赏，你也可以理解包含但不限于杂志类型的网页布局设计。这些设计里面，有紧凑型的网格布局设计，同样也有使用大量空白间距的网格布局。包含著名门户网站、个人博客、盒子类型的网格布局等。所以，不管你是要建一个网站还是个人博客，如果你正在为你的新站寻求一种网格布局设计方案，那欣赏一下这些布局设...
阅读更多9个永不过时的CSS 3栏布局技巧
我喜欢3栏布局的网页设计，尽管时下正火的Web2.0似乎很少采用3栏布局。但没关系，我们是非非非主流。 但是3栏布局相对来说就比较复杂，有些难以控制，Noupe发表一篇文章，收集了9个号称永不过时的三栏布局设计技巧(9 Timeless 3 Column Layout Techniques)。现帕兰翻译出来，与你分享。 首先，任何一个布局通常都有headers, navigation bars, content...
阅读更多CSS Grid Builder:轻松生成标准CSS网页布局的在线工具
CSS Grid Builder是一个网上工具，它可以让你简单的按几下，就创建出标准兼容的网页布局。 CSS Grid Builder由强大的Yahoo!UI的图书馆集成输出，提供预先建立的模板及版面组合。 CSS Grid Builder的主要特点： 支持可变宽度（ 100 ％ ）的布局，以及预设固定宽度布局在750px ， 950px ，和974px ，并能够方便地定制任何数值的宽度。 支持轻松定制的...
阅读更多Em based layouts-排版中的垂直“节奏”计算器
网页的排版对于网发人员来说，最近已经成为网络标准的一个重点。其中一个关键的概念，我们可以利用最常用的方法:使用CSS中的line-height来设置行高。如果你设定了这个数值，那每排文字之前的行高都是一样的。 这是一个非常简单的概念，但是在真正实践中往往很难达到一个满意的效果，尤其是对网页设计新手来说。所有行高需要是相对的，这样才能保证每...
阅读更多
