| # Copy and self modified from ys.zsh-theme, the one of default themes in master repository | |
| # Clean, simple, compatible and meaningful. | |
| # Tested on Linux, Unix and Windows under ANSI colors. | |
| # It is recommended to use with a dark background and the font Inconsolata. | |
| # Colors: black, red, green, yellow, *blue, magenta, cyan, and white. | |
| # http://xiaofan.at | |
| # 2 Jul 2015 - Xiaofan | |
| # Machine name. | |
| function box_name { |
| .flex { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| display: -webkit-flex; | |
| display: flex; | |
| } | |
| .flex.flex--reverse { | |
| -webkit-box-orient: horizontal; |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> | |
| <title>Auto play html audio in iOS WeChat InAppBrowser the right way</title> | |
| </head> | |
| <body> | |
| <h1>在 iOS 微信浏览器中自动播放 HTML5 audio(音乐) 的正确方式</h1> | |
| <p>核心原理: 在微信的JS-API 中 play 一下 audio 即可达到自动播放的目的(应该是微信自己做了处理)</p> |
| <div id="world" /> | |
| <div id="gameoverInstructions"> | |
| Game Over | |
| </div> | |
| <div id="dist"> | |
| <div class="label">distance</div> | |
| <div id="distValue">000</div> | |
| </div> | |
| <div id="instructions">Click to jump<span class="lightInstructions"> — Grab the carrots / avoid the hedgehogs</span></div> |
| <div id="world"></div> | |
| <div id="instructions">The longer you keep clicking, the harder he sneezes<br/><span class="lightInstructions">- Press and drag to turn around -</span></div> | |
| <div id="credits"> | |
| <p> <a href="https://codepen.io/Yakudoo/" target="blank">my other codepens</a> | <a href="https://www.epic.net" target="blank">epic.net</a></p> | |
| </div> | |
| <div id="power">00</div> |
WebGL Demo using ThreeJs. With inverse kinematics, physics and a lot of cat psychology :) This cat is a 3D remake of the main character of "Babel, the cat who would be king", a children app I did some time ago. Find it here : http://babeltheking.com/ Enjoy!
A Pen by Karim Maaloul on CodePen.
| <div id="world"></div> | |
| <div id="instructions">^<br/>Move the head of this bird<br/><span class="lightInstructions">and watch how the 2 others<br/>interact with him</span></div> | |
| <div id="credits"> | |
| <p> <a href="https://codepen.io/Yakudoo/" target="blank">my other codepens</a> | <a href="https://www.epic.net" target="blank">epic.net</a></p> | |
| </div> |
#holySpaceCowsWeekend using threejs and tweenmax. rotate the camera using the mouse
A Pen by Karim Maaloul on CodePen.
| <div id="world"/> | |
| <div id="credits"> | |
| - Press and drag to turn around - | |
| <p><a href="https://codepen.io/Yakudoo/" target="blank">my other codepens</a> | <a href="https://www.epic.net" target="blank">epic.net</a></p> | |
| </div> |
| <svg id="illu" viewBox="0 0 1200 1200"> | |
| <defs> | |
| <g id="star"> | |
| <rect x="9" y="0" fill="#FFE498" width="2" height="20" /> | |
| <rect x="0" y="9" fill="#FFE498" width="20" height="2" /> | |
| </g> | |
| </defs> | |
| <g id="stars"> | |
| </g> |