merrier / pages-404

some interesting 404 pages

Home Page:http://merrier.github.io/pages-404

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

pages-404

The 404 pages of large websites at home and abroad are summarized. These pages have been implemented by myself, though this process is a bit boring, but I learned a lot from other people's code, after all, as TJ said:

I don't read books, never went to school, I just read other people's code and always wonder how things work.

TL;DR

The following will bring you a taste of what large websites at home and abroad and GitHub on some idlers 404 page appearance, don't always think this page is a capital of 404 came to an end, the details determine success or failure!

Abroad

The 404 page styles of foreign websites are quite different, some of them are full of technology, some of them are strong selling Meng, and some even paste the code directly. But one important thing is that even 404 pages must match your website style.

google

作为全球第一搜索引擎,google的404页面很注重用户体验,同时为了减小html文件体积,能省的样式基本上都省了,同时运用了无障碍标签"aria-label",在响应式上也做了一些工作

google.com 404

youtube

youtube的404页面竟然嵌入了宽高都是100%的iframe,不知道为什么,难道是反爬虫?不过和google相比,youtube的css文件有点大了,很多无用的样式,从文件的命名上可以看到,对文件进行了压缩和哈希编码

不知道为什么,汉字会显示乱码,在下面的Demo链接可以看到

youtube.com 404

facebook

facebook的404页面功能太多了,有点麻烦,以后有时间再搞。。

facebook.com 404

reddit

reddit.com 404

muz.li

muz.li 404

amazon

amazon.com 404

vk

vk.com 404

linkedin

linkedin.com 404

imgur

imgur.com 404

aliexpress

aliexpress.com 404

bing

bing.com 404

tumblr

tumblr.com 404

stackoverflow

stackoverflow.com 404

github

github.com 404

dropbox

dropbox.com 404

craigslist.org

craigslist.org 404

dribbble

dribbble.com 404

awwwards

awwwards.com 404

csswinner

csswinner.com 404

producthunt

producthunt.com 404

coolhunting

coolhunting.com 404

codyhouse.co

codyhouse.co 404

mailchimp

mailchimp.com 404

slack

slack.com 404

mashable

mashable.com 404

bloomberg

bloomberg.com 404

airbnb

airbnb.com 404

bitly

bitly.com 404

virgin

virgin.com 404

Home

baidu

baidu.com 404

qq

qq.com 404

taobao

taobao.com 404

sina

sina.com 404

hao123

hao123.com 404

soso

soso.com 404

wordpress

wordpress.com 404

cnzz

cnzz.com 404

xinhuanet

xinhuanet.com 404

360

360.com 404

haosou

haosou.com 404

toutiao

toutiao.com 404

zhihu

zhihu.com 404

From Github

github上面的"闲人"真不少啊。。

Thanks

About

some interesting 404 pages

http://merrier.github.io/pages-404

License:MIT License