UECSS.COM

专注前端开发,关注用户体验,记录成长历程

css 框架

对于小的Web开发项目来说,CSS 框架并不一定就适用,至少不见得能提高多少工作效率。但对于一个开发团队和规模比较大的项目来说,CSS 框架不仅能加快设计进更能解决网站改版中带来的诸多麻烦和问题。当适当地使用CSS框架的时候,或许会减少您开发的进度。相反,如果您在项目中选择了错误的框架,那么就可能会耗费额外的工作和时间。下面来看看一些自认为还可以的css框架:

Blueprint: 一款 CSS 框架

Blueprint 是一个 CSS 框架,它的目的是减少你的css开发时间,同时包含了 CSS reset以消除不同浏览器之间的它提供一个可靠的css基础去创建你的项目,BP由一个易用的网格、合理的布差异局和一个打印样式。

YUI Grid CSS

YUI Grids CSS 支持像固定宽度布局那样的流宽度布局。这是基于YUI Grids CSS 高级应用,区别于其它 CSS 框架。您可以通过从官方网站中下载快速参考表和YUI Grids生成来开始 YUI Grids CSS 应用。YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度,六种不同的模板。有国外作者曾指出YUI Grids CSS中最值得学习的网格布局CSS写法:

  • 负Margin技术
  • 使用度量单位em
  • 清除布局的浮动

960 Grid System

一款很值得查看的非常出色的CSS框架。该下载包含有Firework,Photoshop,Inkscape等等的模板。所以您可以马上设计网页模板。PSD的文件,已经准备好的配备指南也为设计师们节省了不少时间

Continue reading →

CSS裸奔节-NAKED

今天,你裸了吗

今天,你裸了吗

4月9日的CSS裸奔节到了,脱掉CSS,露出HTML真实的脊梁骨吧 – PS:宁可CSS分层多一些,也要保证HTML结构的简洁、语义化的书写习惯。

第6期WEB标准化交流会[上海站]总结

WEB标准化交流会

第六期了,其实上海站还是第二期,刚起步,大家都很用心。

月底了,在结束掉这个月之前还是抓紧时间总结下,总是拖着只会消磨掉自己,我的语句杂乱,就这么整吧。

二期要比一期好些,虽然去的时候说这次没请什么嘉宾,但看起来效果不错,就是觉得前面有2/3的时间都是在陈述,以及抱怨流程中出现的种种情况及问题(自我介绍那段很好,拉近了大家伙的距离,这可能也是这次比上次觉得热闹的原因之一吧);之后有1/3的时间有PPT的演讲,就是觉得这部分时间有些短,刚好讲完,刚好结束的那种。

很多问题都只是将其浮在表面,大家提供的经历、经验、流程案例用来很好的借鉴,不同性质的工作环境,需要不同的协作流程来应对吧。

Continue reading →

New Theme – Base on iNove

之前启用过,之后停掉过,昨晚花了差不多3小时的时间在iNove 1.4.6 (目前最新版本)上进行改版重构;

看起来还是有些粗糙,这些天会继续尝试改变些元素,大致风格就是现在的样子了;

还算是白白净净的 O(∩_∩)O~

TAG:white, light, two-columns, fixed-width, theme-options, right-sidebar

待续..

[雷]当你因吞下而后悔

发生自己身上的事情,觉得蛮搞笑的,雷死我了 :oops: ,这两天似乎发烧感冒头疼,身上热,但又觉得冷,脑袋晕晕的,喉咙也不怎么好受,这不远程操控找药吃…

猪的明天  0:00:00
头孢和白加黑什么的不能混对吧

勇子 0:00:22
是的

猪的明天  0:00:44
头孢就剩6片了
Continue reading →

SEO学习笔记整理(一)

对SEO学习总是断断续续的,最近又开始了,主要是网站标签和网站框架的学习整理,记录一下:

制定搜索引擎喜欢的网站标签

  • 标题(Title)的设计
    • 标题一般只放置1-2个关键词;
    • 不要超过25个汉字,50个英文字母;
    • 越核心的关键词排放位置越靠前;
    • 不要有特殊标点符号;
    • 每个页面不要雷同;

    Continue reading →

淘宝栅栏布局模块化命名浅析

折腾,之前的数据几乎全部丢失掉了,学习、记笔记需要动力和时间的,在此恢复2009-05-07一篇文章记录,勉励一下自己,以下是全文,当然我会对之前的一些链接及文字做出调整。现在看来还好我当时加上了浅析二字..

这是总宽950像素的24栏栅格应用,先来看下淘宝网的一处3栏布局(当然现在的淘宝网已经改版了,尽管我还是不太习惯):

这里是对应的代码:

我们可以看到 class=”grid-c3-s5e7″ 这个命名似乎有些特别,
再看看其包含的class=”col-main” 和 class=”col-sub” 以及 class=”col-extra skin-orange”
Continue reading →

About Font (续)

上次在Abot Font 中介绍了一些特殊的字体在网页中无法实现的一种解决办法, 我们要去解决他的原因是因为1. 不可能大范围的使用该字体;2. 图片内容相对使用文字不易修改;3. 不利于网站SEO(主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素)。这次学到一个新的解决办法:如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体,相对于上一种一来说更简单一些。来给大家分享一下:

Continue reading →