Front Tech

YAML对三栏布局中CSS浮动问题的解决

Preface

Mentor在项目中提到一种叫做YAML的置标语言。在网上搜了一下,这是一种强调可读性,以数据为中心的置标语言,YAML的意思是YAML Ain’t a Markup Language(YAML不是一种置标语言),语法比较简单,Structure通过空格来展示。Sequence里的项用”-“来代表,Map里的键值对用”:”分隔,知道这几点就可以了,YAML比JSON还简单,借用官方的说法,是一种非常Friendly的格式。…

Continue Reading
Front Website

为什么要用960px?——网页内容宽度分析

液晶还没普及的年代,网页设计需要考虑800×600的分辨率。但如今800×600的分辨率使用率不到2%,已经可以忽略了。比这个分辨率高一级别的1024×768,使用率接近50%(国内),所以很多网站都是以1024的宽度为标准进行设计的,最常见的页面宽度是两种:1004960

早期的网页设计师使用1004px作为页面宽度,是基于这样的考虑:在1024*768的分辨率下打开IE,左边框宽度是2px,右边滚动条的宽度是18px,于是得出宽度就是1004px了。但这种宽度的设置并不利于栅格化布局的计算,如果选择三栏式的布局,就很难平均分配,所以现在很少有使用1004px宽度的网页了。…

Continue Reading