新足迹

 找回密码
 注册

精华好帖回顾

· 秋天的约会 (2009-5-10) olympus · 因缘和合 – 2023年2月的日本 (2023-3-17) GG
· 【贴图】墨尔本观景台上看全景--丽爱图塔(Rialto Towers)--南半球最高的办公建筑 (2005-4-14) powermao · John Grisham 的最新小说,看得我要撞墙 (2009-2-6) 孔武
Advertisement
Advertisement
查看: 1475|回复: 10

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

发表于 2014-1-23 14:38 |显示全部楼层
此文章由 鱼羊鲜 原创或转贴,不代表本站立场和观点,版权归 oursteps.com.au 和作者 鱼羊鲜 所有!转贴必须注明作者、出处和本声明,并保持内容完整
本帖最后由 鱼羊鲜 于 2014-1-24 09:53 编辑

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


http://mother不雅ingwebsite.com/

替换掉 不雅


有人贱嗖嗖的做了中文版


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

发表于 2014-1-24 09:13 |显示全部楼层
此文章由 longmurphy 原创或转贴,不代表本站立场和观点,版权归 oursteps.com.au 和作者 longmurphy 所有!转贴必须注明作者、出处和本声明,并保持内容完整
果然访问迅速,biu的一下就打开了。

发表于 2014-1-24 09:46 |显示全部楼层
此文章由 marsmty 原创或转贴,不代表本站立场和观点,版权归 oursteps.com.au 和作者 marsmty 所有!转贴必须注明作者、出处和本声明,并保持内容完整
啥替换掉不雅

发表于 2014-1-24 09:47 |显示全部楼层
此文章由 鱼羊鲜 原创或转贴,不代表本站立场和观点,版权归 oursteps.com.au 和作者 鱼羊鲜 所有!转贴必须注明作者、出处和本声明,并保持内容完整
longmurphy 发表于 2014-1-24 09:13
果然访问迅速,biu的一下就打开了。

你懂的

发表于 2014-1-24 09:47 |显示全部楼层
此文章由 marsmty 原创或转贴,不代表本站立场和观点,版权归 oursteps.com.au 和作者 marsmty 所有!转贴必须注明作者、出处和本声明,并保持内容完整
放狗找到了

发表于 2014-1-24 09:47 |显示全部楼层
此文章由 鱼羊鲜 原创或转贴,不代表本站立场和观点,版权归 oursteps.com.au 和作者 鱼羊鲜 所有!转贴必须注明作者、出处和本声明,并保持内容完整
marsmty 发表于 2014-1-24 09:46
啥替换掉不雅

f那个uck
Advertisement
Advertisement

发表于 2014-1-24 09:48 |显示全部楼层
此文章由 marsmty 原创或转贴,不代表本站立场和观点,版权归 oursteps.com.au 和作者 marsmty 所有!转贴必须注明作者、出处和本声明,并保持内容完整
让我想起了N年前天下第一破网

发表于 2014-1-24 09:52 |显示全部楼层
此文章由 鱼羊鲜 原创或转贴,不代表本站立场和观点,版权归 oursteps.com.au 和作者 鱼羊鲜 所有!转贴必须注明作者、出处和本声明,并保持内容完整
marsmty 发表于 2014-1-24 09:47
放狗找到了

有人贱嗖嗖的做了中文版


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

发表于 2014-1-24 09:55 |显示全部楼层
此文章由 鱼羊鲜 原创或转贴,不代表本站立场和观点,版权归 oursteps.com.au 和作者 鱼羊鲜 所有!转贴必须注明作者、出处和本声明,并保持内容完整
贴上来看看一共有多少个不雅


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

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

妳们可能自己建站并且认为自己狗屎一样的站点非常之特别。妳们认为妳们首页那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 09:56 |显示全部楼层
此文章由 鱼羊鲜 原创或转贴,不代表本站立场和观点,版权归 oursteps.com.au 和作者 鱼羊鲜 所有!转贴必须注明作者、出处和本声明,并保持内容完整
竟然都通过了,做此中文翻译的人xx功底果然深厚

发表于 2014-1-26 04:09 |显示全部楼层
此文章由 busybeee 原创或转贴,不代表本站立场和观点,版权归 oursteps.com.au 和作者 busybeee 所有!转贴必须注明作者、出处和本声明,并保持内容完整
这特么……
Advertisement
Advertisement

发表回复

您需要登录后才可以回帖 登录 | 注册

本版积分规则

Advertisement
Advertisement
返回顶部