新足迹

标题: 分享一个轻量,访问迅速,响应布局,语义良好,用户无障碍的网站范例 [打印本页]

作者: 鱼羊鲜    时间: 2014-1-23 13:38
标题: 分享一个轻量,访问迅速,响应布局,语义良好,用户无障碍的网站范例
本帖最后由 鱼羊鲜 于 2014-1-24 09:53 编辑

分享一个轻量,访问迅速,响应布局,语义良好,用户无障碍的网站范例


http://mother不雅ingwebsite.com/

替换掉 不雅


有人贱嗖嗖的做了中文版


这是个草泥马奔腾不息一样的网站.
http://wayouliu.duapp.com/mess/mother不雅ingwebsite.html

作者: longmurphy    时间: 2014-1-24 08:13
果然访问迅速,biu的一下就打开了。
作者: marsmty    时间: 2014-1-24 08:46
啥替换掉不雅
作者: 鱼羊鲜    时间: 2014-1-24 08:47
longmurphy 发表于 2014-1-24 09:13
果然访问迅速,biu的一下就打开了。

你懂的
作者: marsmty    时间: 2014-1-24 08:47
放狗找到了
作者: 鱼羊鲜    时间: 2014-1-24 08:47
marsmty 发表于 2014-1-24 09:46
啥替换掉不雅

f那个uck
作者: marsmty    时间: 2014-1-24 08:48
让我想起了N年前天下第一破网
作者: 鱼羊鲜    时间: 2014-1-24 08:52
marsmty 发表于 2014-1-24 09:47
放狗找到了

有人贱嗖嗖的做了中文版


这是个草泥马奔腾不息一样的网站.
http://wayouliu.duapp.com/mess/mother不雅ingwebsite.html


作者: 鱼羊鲜    时间: 2014-1-24 08:55
贴上来看看一共有多少个不雅


这是个草泥马奔腾不息一样的网站.

非常之赞的网站.
老实说,妳们特么到底还想要啥呢?

妳们可能自己建站并且认为自己狗屎一样的站点非常之特别。妳们认为妳们首页那13M活跃流量能够为妳们吸引来那傻逼般的百度推广广告,然后把它放在页面顶部的某个角落。妳们以为妳们用40磅重量一样臃肿的jQuery代码和另外83个压缩浓缩后的文件就让屎一样的IE重新坚挺得像一个男人了,因为它终于显示边框的阴影效果了!错了,去他妈逼的。让我告诉妳们啥么才特么是最JB漂亮的网站:

我去,必需是要轻量极且下载极快
尼玛自适应所有分辨率的屏幕有木有
在所有JB浏览器里的呈现都一样,一模一样!!
良好的可访问性,就是说特么的能够黑方便地访问妳们的站点
内容易读主题明确(而不是用5M的图片来展示比如唱着咖啡的二缺)
特么的所以说啊:

妳们-已经-过度设计了!看看这个JB页面吧。绝逼是个超赞的网站。特么的我想不明白为啥妳们想要在那些无用的banner上面写鼠标放上去的动画效果呢。妳们花数小时并且向特么的网站多增加了80kb,但在触屏设置上根本没特么hover这东西,所以当用香肠一样的手指去点击的时候根本就看不到啥效果。更不消说那些残障人士了,根本JB的就看不见这些屎一样的设计。

妳们不会了解,但这特么的就是妳们所想要的完美的网站。下面让我解释原因。

这绝逼特么的超轻量极

这整个页面的体积还没有妳们那垃圾站点上面使用的一个facebook分享图标大。妳们特么让页面多下载100多kb的jQuery UI 就是为了能够动态改变一个div的背景颜色?妳们让页面下载7个字体文件仅仅就是为了美化一下“欢迎访问!”在别个第一次进入网站的时候?!垃圾,完全特么的屎一样的设计。

这完全是响应式的

傻缺,妳们以为妳们需要在CSS里面使用media queries来编写复杂的代码才能让页面变成响应式的,但是完全不需要。响应式设计意味着不管在什么JB分辨率的屏幕下它都都正常呈现而布局没有被破坏。而本页面刚好满足条件,不过妳们是用苹果还是特么的玩具来显示,没问题。

它能正常工作没有丁点儿问题

看看这个屎一样的页面吧。妳们能很好地阅读它。。。这不就得了,妳们可以正常地阅读它,妈逼的。这是重点所在。它也有文章一样的结构,很有层次。它使用了标准的HTML5标签所以妳们以及妳们那二逼浏览器能够理解这个站点HTML代码。这代表很好的语意化,傻逼。

它将内容一并呈现在JB屏幕上了。而妳们的站点仅仅只有几个签名和一个连接,却要使用7个多屏幕来展示让我不停地点击向下按钮,仅仅是为了展示ScrollTo这个jQuery插件有好酷么?

浏览器兼容性?去,IE6里面看看这个页面。我特么绝逼敢跟妳们打赌。

这,就已经是个完整的网站了。好好欣赏下吧。妳们之前绝对没见过。

一如紫罗兰未长出花蕊就不知道它真正的模样,妳们根本特么的就不知道一个真正的网站应该是啥样子的。妳们所看到的是iPone里面妈逼的短信界面那种拟物化的设计,而妳们,以为那是世界的全部。这是一个完全裸奔的网站,没有样式没有图片没有JS。但妳们看,好特么简洁漂亮昂~

是的,太特么讽刺了,我去

我倒不是说妳们的网站就应该做成这个屎样子。我想表达的是网页设计中的所有问题都是 我们自己导致的 。网站本来是上好的,功能正常,高性能且访问性良好。是妳们破坏了这种和谐,龟儿子些。

"好的设计就是尽量少的设计。"
---- 一个德国贱货
原文:http://mother不雅ingwebsite.com/
作者: 鱼羊鲜    时间: 2014-1-24 08:56
竟然都通过了,做此中文翻译的人xx功底果然深厚
作者: busybeee    时间: 2014-1-26 03:09
这特么……




欢迎光临 新足迹 (https://oursteps.co/bbs/forum.php/bbs/forum.php/) Powered by Discuz! X3.4