文章标签 ‘css’
很有意思的工具，打开网页后选择Edit CSS，页面显示部分就会自动分成上下两部分，上面是IE，下面是Firefox。不过屏幕不够大的话，这样一来浏览面积就更少了。 乱七八糟的一些小功能不错，切换页面分辨率、标记指定元素等等，但是没有代码提示，写代码有点累，不过简单的兼容性调试应该不会增加太多的工作量。另外，就是FF的这个默认字体似乎不大对。 小工具总体来说还是很不错的，需要.Net Framework 2.0支持。可惜，现在俺没啥机会写CSS了，存档了…… 下载地址：http://litmusapp.com/labs (需要用邮箱验证)
原来的freicurv v2因为不支持wordpress 2.7+以上版本，懒得看代码，直接换成了现在的chrome主题。感觉还不错，效果见本站吧。就是右侧的站外RSS不能显示内容，本来想通过这个显示一下相册的图片，有空再看看代码好不好改吧。 本来还想自己做做主题设计，不过前两天sai同学问了我一个css的问题，我想出解决方法的时候，那边已经解决了….顿时发现自己的技术严重倒退ing….T_T，真的要放弃技术路线了
其实这篇blog写很久前就写完了，鉴于分析内容是SBBS美工站务的面试题一直没有发出来，今天难得早起，发一下。有兴趣的可以先看看之前的这篇《www2.seu.edu.cn UI设计分析》，里面提到的很多问题，本文中可能就不重复再讲了。 页面地址：http://www.seu.edu.cn 先看一下整个页面： 一个首页面用了16个色块（包括不同选项卡）的背景色，其中如果按面积和位置计算，至少有4种颜色可以用来当作“主色调”，很显然，颜色的搭配是最大的问题，颜色的问题也就到此为止了，反正推倒重来是唯一的出路，也就不多挑毛病了。 而右侧的4个图片链接（9～12），几次会议上所有人都一致同意去掉，不知道为什么新版首页上却还留着…… 接着从上往下看，1区里面的内容非常饱满，到了2里面，超过70%的面积是空着的，完全没有平衡感。不过，往好的方向想…大家的注意力肯定更多的被东南大学4个字吸引过去了… 开始挑小问题：右上角的English到左右|的间距都有不一样…… 再看下拉菜单，鼠标必须悬停到文字上，文字才会变色，不然只有背景变色。这个虽然不能完全算是低级错误，但也不是高级的……。其他问题也很多，宽度不一，不同浏览器效果不统一等等。不过有一点算是进步，在我使用Opera(9.50 beta)测试的时候，没有出现BBS上很多同学说的浏览器崩溃的现象，不知道是苏迪的人修复了这个bug还是新版本Opera的兼容性比原来强了（经测试Opera 9.26前版本仍存在问题）。 不过这个导航栏也不是一无是处，把“盘”改成“蟠”，多少算一个进步（这个其实还要归功于sunway同学打的数个电话……）。 顺便再扯个用户体验的问题，下半部分的四个选项卡都是鼠标悬停自动切换的，并没有加上悬停时间判断等设置，在选项卡上也没有选中效果变化（虽然下面的内容会更换背景色）。这样就造成了一个结果，如果鼠标从上方移动至下方想点击一条新闻，但却经过别的选项卡，就会点不中（鼠标路径如图所示）。 再到Firefox里转转，那个问题叫多啊，随便帖几张图。其他浏览器里的问题就不全部列举了。总之，惨不忍睹。 导航栏和banner的重叠部分。 右侧图片链接上方没对齐。 搜索框宽度不对就算了，还移到了灰色底色之外。 最后来看看代码： 1． DTD声明从来没找到过 2． Div里套着table，td里面还套着js 3． Div的ID命名使用div1、div2….. 4． Div有了id还将css写在style=””里 5． Css里面都没有*{} 6． 使用iframe调用页面统计代码 7． Meta信息缺乏症，详见《从www2.seu.edu.cn看<meta>的重要性》 8． 其他n多不符合w3c标准的html/js代码 顺便提个老毛病：ICP备案的格式及链接都不符合要求，哪天被人抓到小尾巴又要折腾几天了。 如果说页面设计上不好看，看着看着没准就习惯了。但是以上这些问题却都是做Web Design的新手犯的低级错误，如果是BBS上的一个没什么人去的内页，那么勉勉强强可能还能接受，但是作为一所大学的首页，这些就不大合适了。
把BBS的进站换了，内页主体也改成灰/黑配色。进站抄了一个Js效果，并且使用了爱枣报上的十张照片，可以在这里看最终效果，当然从这个进站直接登录到SBBS是不可能的。 这次令我比较惊讶的是，学校里包括校首页在内的很多网站也都换成了灰色主题。包括学校首页、教务处、电工电子中心、先声网站、图书馆、建筑设计研究院(不过好像本来也是这个配色…)、机械工程学院、交通学院、物理系(虽然只换了banner，不过也不容易了)、常州研究院、成贤学院、自动化学院。算上BBS有12个网站，当真超乎我的意料，虽然其中很多只是用了滤镜之类的简单方法。再次还是建议大家不要使用滤镜这种仅对IE有效的方法，不是我支持FF，而是这种方法消耗CPU的确比较厉害，特别是全国大大小小网站都使用的时候… 这三天虽然很多网站都是灰色的，但生活不应该被灰色所笼罩，因为现在还有这样令人难以置信奇迹在发生，也许我们应该笑一笑。