当前位置:  编程技术>WEB前端
本页文章导读:
    ▪经典网页设计404页面第二季      今天再来介绍一些经典的404页面,还记得上一篇文章么,那里也有很多404哦点我回顾01. CSS-Tricks CSS-Tricks 是个非常不错的网站,被广大设计者所喜爱,尽管主题很枯燥,不过确充满激情.........
    ▪淘宝UED前端智勇大冲关第二季      去年淘宝UED发布了智勇大冲关第一季,感觉不错,昨天发现出了第二季,挑战地址在这里,大家快来挑战吧http://ued.taobao.com/quiz2/   第二季每个页面设置了时间限制,超时会跳到第.........
    ▪Win2008ServerR2下查看IIS并发连接数      B/S项目的一个重要的性能指标是,实时并发能力。针对于此,我们通常要进行多种性能测试,从不同的角度来检测服务器的相应能力。 本文档需要说明的是,如何在Windows 2008 Server R2中,监控I.........

[1]经典网页设计404页面第二季
    来源:    发布时间: 2013-11-06

今天再来介绍一些经典的404页面,还记得上一篇文章么,那里也有很多404哦

点我回顾

01. CSS-Tricks

 

CSS-Tricks 是个非常不错的网站,被广大设计者所喜爱,尽管主题很枯燥,不过确充满激情,幽默,个性。这就是他那忒混蛋的404页面。

02. Hootsuite

 

 

Hootsuite是国外一个社交媒体管理平台。而猫头鹰则是他们的吉祥物,瞧上面,那就是他们的404页面。

03. iStockphoto

 

 

iStockphoto is an online, royalty free, international microstock image provider that’s risen to prominence partly because it understands its users. This cute if slightly gruesome cartoon will put a smile on your face if you ever get stuck while navigating its massive site.

 

04. Magnt

 

 

Magnt enables you to create a business card themed web page in minutes. Its clever 404 page demonstrates both a keen sense of wit, and a clear call to action to take you where you need to be.

05. Chris Jennings

 

 

Chris Jennings works as director of user experience at Disqus in San Francisco, and the witty 404 page for his own site provides an excellent experience for any visitor that stumbles upon it. Simple and effective, it manages to tell a story and raise a smile.

06. GitHub

 

 

Coding website GitHub is the home of geeks, and what better way to appeal to geeks than a simple Star Wars parody with parallax effect when you move your mouse? GitHub also has a nice 500 page for when the server breaks.

07. CSS Ninjas

 

 

Another example of the web design world’s love of ninjas, this 404 page features a nice simple illustration that reflects the site’s general  approach to design.

 

08. MailChimp

 

 

The designers at ultra-hip email newsletter service MailChimp have used lateral thinking here and come up with a sausage analogy for a broken link. The style of the 404 page fits the rest of the site design nicely, reflecting the same lighthearted approach that makes an otherwise boring task into something fun and endearing.

09.net magazine

 

 

The current 404 page for our sister title’s website, netmagazine.com, designed by Mike Kus, features a series of colourful flashing blocks with screenprint-inspired illustrations representing different elements of the web. It’s as beautifully realised as you’d expect from the UK’s premier web design publication.

10 .net magazine (tutorial)

 

 

This 404 page created especially for a .net magazine tutorial by Trent Walton, features a never-ending animated text cut-out effect. The 404 text acts as a window through to a montage of previous .net magazine covers. Click through to the tutorial, ‘Create a 404 page with CSS3 animations‘, to find out how to achieve this effect yourself.

11. Hakim El Hattab

 

 

Another 404 page designed for .net magazine, this time by Hakin El Hattab, this HTML5 experiment features creepy eyes that follow your cursor around the page with occasional blinking and narrowing of the iris. Brilliantly executed and nicely interactive.

12. Tin Sanity

 

 

Tin Sanity features an incredible animation, involving a dancing cup and straw, that screams its way across the page around the text: “You just got 404’d”. The screaming is accentuated with a drumroll and funky bass soundtrack, all of which leaves an excellent impression (although the website itself is currently empty).

13. Audiko

 

 

The free ringtone-making service’s 404 page features a beautifully rendered illustration of London, including the obligatory red bus and telephone box, as well as Big Ben’s Tower, Sherlock Holmes and a hint of Tower Bridge. The site’s worth a visit just for the artwork!

14. Blik Wall Decals

 

 

This 404 page for Blik, the world’s first removable wall graphic company, is slightly disturbing, featuring as it does a baby wielding a blood-soaked chainsaw. But this illustration style does reflect the rest of the site’s aesthetics, so it’s in-keeping even if it is a little creepy.

15. Home Star Runner

 

 

Audio can be very effective when combined with visuals on a web page, especially as we’re still in the early days of reliable audio-in-a-page. This error page for Home Star Runner, which features amusing characters, downloads, and games, shouts &ldquo

    
[2]淘宝UED前端智勇大冲关第二季
    来源:    发布时间: 2013-11-06

去年淘宝UED发布了智勇大冲关第一季,感觉不错,昨天发现出了第二季,挑战地址在这里,大家快来挑战吧

http://ued.taobao.com/quiz2/ 

 

 

第二季每个页面设置了时间限制,超时会跳到第一步重来,个人感觉摩斯密码那个比较难敲。

 

下面是我答题过程中粗制滥造写出来的两段代码,或许会对你有所帮助!

 

function bintoascii (binstr) {
var Things=binstr
var array =new Array(Things.length/8);
var dexresult="",
hexresult;
for (var i =0 ,k= array.length; i <k; i++) {
array[i]=parseInt(Things.substring(i*8,i*8+8),2);
};
for (var i = 0; i < array.length; i++) {
dexresult+=String.fromCharCode(array[i]);
};
hexresult=new Array(dexresult.length/4)
for (var i = 0; i < hexresult.length; i++) {
hexresult[i]=parseInt(dexresult.substring(i*4,i*4+4),16);
hexresult[i]=String.fromCharCode(hexresult[i])
}
return hexresult.join("");

}

var content = document.getElementById('content').innerText;
var a=content.split('\n')
var str="";
for (var i = 0; i < a.length; i++) {
a[i]=a[i].trim();
str+=a[i].substring(0,1);
str+=a[i].substring(a[i].length-1,a[i].length)
};

 

本文链接


    
[3]Win2008ServerR2下查看IIS并发连接数
    来源: 互联网  发布时间: 2013-11-06

B/S项目的一个重要的性能指标是,实时并发能力。针对于此,我们通常要进行多种性能测试,从不同的角度来检测服务器的相应能力。

本文档需要说明的是,如何在Windows 2008 Server R2中,监控IIS所能相应的实时连接数。笔者主要是借助于系统自带【系统监控器】来监控Web服务的连接数信息的。

一、启动【系统监控器】

命令行: perfmon.msc

二、上图中,点击,添加计数器。计数器对象选择【Web Service】->【Current Connections】;对象实例选择【_Total】,也可根据需要选择具体的Web服务

实例;点击【添加】按钮,结果如下图所示。

三、将和本监控无关的信息删除,仅留下关心的Web服务信息。从多个客户端发出并发请求,可以监控到实时的并发连接数。

根据图中显示结果,不难发现当前同时刻并发连接数为10个。

需要说明的是,windows系统监视器显示的是即时IIS并发连接数,并非如“网站统计”那里的15分钟内访问人数,所以你会发现IIS并发连接数并不会太多,就卡卡测速网而言,目前IIS并发连接数在20-30个左右,而“网站统计”里显示15分钟内在线人数一般在150-200人左右。百度统计没有“15分钟内在线人数”的统计,它认为“那样意义不大,因为无法知道15分钟内用户是否还在线上”。

查看IIS连接数,还可以在“运行”-->输入“netstat -a”命令来查看,不过由于显示结果太多太杂,很难统计HTTP的连接总数,所以不推荐使用此命令来查看。

作者:AttaGain 发表于2013-2-6 11:22:04 原文链接
阅读:50 评论:0 查看评论

    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3