UECSS.COM

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

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

待续..

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

折腾,之前的数据几乎全部丢失掉了,学习、记笔记需要动力和时间的,在此恢复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 →

WPtouch iPhone Theme

WPtouch iPhone Theme这款wp插件是专门为iPhone或iPod Touch用户而开发的,新的界面主题,兼容性良好,用你的iphone iPod Touch 这些玩意儿访问本站 (手机浏览器输入UECSS.COM)即可,下图是俺的水货iphone截屏快照(home+锁屏键): Continue reading →

网页制作说明文档(简版)

前一段还算是蛮充实的,时间不多(虽然不知道被我藏哪了-_-#),这里我就拿我负责的一个比较完整的项目简单的整理一下网页制作这部分文档,如下便是:

目录建立的原则

  • 以最少的层次提供最清晰简便的访问结构
  • 基本的文件我们用这些文件夹将其归类划分 [ css ] 、 [ images ] 、[ script ] 、[ fla ]

w-01.gif

  • 确保整个文件树的简洁有序,命名尽量采用简短英文,尽量避免简写、缩写,一律小写
  • html 文档的扩张名均以 .html 结尾
  • 每个栏目首页以栏目名命名

例如,积分商城下的首页 shop/shop.html Continue reading →

图片自适应屏幕分辨率大小

我们在切图的时候常会遇到这样一个问题:Design of the head常是一个通栏很漂亮的一个图片,它的宽度超过了1024的屏幕分辨率,虽然我们现在用的到的都是大于1024的分辨率,但也不排除用1024或是比1024更小的分辨率。那这个时候这个非常漂亮的图片怎么办呢这个时候我们就可以使用图片随着分辨率的大小自动调整的方法来解决这个问题:

这里我们需要用到一个JS文件,点击下载这个JS:

http://cid-8127d59343265667.skydrive.live.com/self.aspx/NamipanPublic/2010-01-25/jquery.js

还有必须前面申明 : Continue reading →

定位相关的怪异问题

事物绝非十全十美总有强差人意的一面,之前针对浮动分析了其引起文本重影的怪异问题,而作为浮动布局的最佳搭档定位布局也存在一定的缺陷。

1.position:relative;属性值导致overflow:hidden;失效。

问题:在IE6/7中子级设置position:relative;属性值后,导致父级的overflow:hidden;失效。Demo1

分析:与定位的层级关系有关,IE6/7解析为内容已经跳出文档流,以致父级误以为没有包含内容。 Continue reading →