| [ | |
| { | |
| name:"HTML5", | |
| uri:"http://www.w3.org/TR/html5/single-page.html", | |
| category:"markup" | |
| }, | |
| { | |
| name:"HTML 5.1", | |
| uri:"http://www.w3.org/TR/html51/single-page.html", | |
| category:"markup" |
| <!DOCTYPE html> | |
| <head> | |
| <title>Stay Standalone</title> | |
| <meta name="apple-mobile-web-app-capable" content="yes"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | |
| <script src="stay_standalone.js" type="text/javascript"></script> | |
| </head> | |
| <body> | |
| <ul> | |
| <li><a href="http://google.com/">Remote Link (Google)</a></li> |
| /** | |
| * 环形进度条，css bt版 | |
| */ | |
| html,body { height:100%; } | |
| body { | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } |
| #!/bin/bash | |
| PROGNAME=${0##*/} | |
| INPUT='' | |
| QUIET='0' | |
| NOSTATS='0' | |
| max_input_size=0 | |
| max_output_size=0 | |
| usage() |
| <div class="container"> | |
| <form class="form-signin form-horizontal" method="post" action="/login"> | |
| <h2 class="">Please sign in</h2> | |
| <div class="control-group "> | |
| <label class="control-label" for="email">Email:</label> | |
| <div class="controls"> | |
| <input type="text" id="email" name="email" placeholder="Email address" value=""> | |
| </div> | |
| </div> |
| // 顺延函数：如果上一个动作完成，则当前动作替换上一个 | |
| function shift(fn, time) { | |
| time = time || 50; | |
| var queue = this._shift_fn, current; | |
| queue ? queue.concat([fn, time]) : (queue = [[fn, time]]); | |
| current = queue.pop(); | |
| clearTimeout(this._shift_timeout); | |
| this._shift_timeout = setTimeout(function() { |
| // firefox 和 chrome 是 [1024, 6, 5, 3, 2, 1] | |
| // safari 中顺序没变 | |
| [1,3,2,5,6,1024].sort(function(a, b) { | |
| return b > a; | |
| }); | |
| // 在各中浏览器工作一致的方法 | |
| // 用正负和零来排序，而不是 true/false | |
| [1,3,2,5,6,1024].sort(function(a, b) { |
| /** | |
| * CSS image crop. Forces image to 4:3 aspect ratio cropping at the middle. | |
| * http://dabblet.com/gist/4711695 | |
| */ | |
| .img-crop, | |
| .img-crop img{ | |
| width: 100%; /* gotta be responsive these days */ | |
| } | |
| .img-crop{ | |
| background-color: #ededed; /* some background color for short images */ |
8月20日，阿里校园招聘前端岗位的在线笔试将统一开始。在这之前，我们先玩一下热身赛吧！ http://t.cn/zQRFjtd 截至8月18日11：00之前成功通关并且表现优异的同学，将有机会收到我们的惊喜邮件！
以上是阿里巴巴集团校园招聘的某一条微博的内容。
虽然我早已不是学生，本着好奇心也要玩一玩此游戏！经过几个小时的奋斗，我看到了美女，但不知道那是不是 True Ending。也许很多人把游戏通关之后就不玩不去探索了，可我不一样！我玩游戏向来都是要尽量把所有隐藏要素都挖掘出来才算结束。
正是因为知道结果，才有可能去优化过程，一个工程师的职责难道不正是这个么？“如何自动化、智能地去过每一关”的想法让我的血液稍微沸腾了起来。又经过几个小时的编码及测试，自我感觉已经把“隐藏要素”挖得差不多了。现将各个关卡的过关要点及自动获取过关条件的 JavaScript 脚本放出来。
| $sprites: sprite-map("sprites/*.png"); | |
| $sprites-retina: sprite-map("sprites-retina/*.png"); | |
| @mixin sprite-background($name) { | |
| background-image: sprite-url($sprites); | |
| background-position: sprite-position($sprites, $name); | |
| background-repeat: no-repeat; | |
| display: block; | |
| height: image-height(sprite-file($sprites, $name)); | |
| width: image-width(sprite-file($sprites, $name)); |