oridomi.com

mycodestories.blogspot.com

My code stories: Folding map effect using Oridomi

http://mycodestories.blogspot.com/2015/03/folding-map-effect-using-oridomi.html

A small contribution to the world of programming. A mix of web programming, .Net, Qt/C etc. Your everyday pink tech-blog ;). Friday, March 27, 2015. Folding map effect using Oridomi. Half gob smacked I’ll just throw out one more post today. I’ve discovered Oridomi. Today In a matter of minutes, I was able to add a cool feature to my page. First, I added a static Google Map image to my page using the Google Map API for position and markers. Var customShapes = [];. Check out the code…. Follow me on Twitter.

oxism.com

Cellf - A game of reflection

http://oxism.com/works/cellf

A game of reflection. Cellf is an interactive experiment that reflects you and your surroundings as you play. More simply put, it’s a twist on sliding tile games written in ClojureScript, React (via Om), and core.async. Clojure, React, Om, core.async. Fold the DOM up like paper. The web is flat, but with OriDomi you can fold it up. OriDomi is an open-source paper-folding library with animation queueing, touch support, and zero dependencies. CoffeeScript / JavaScript, CSS3. Is entirely open source. Many u...

oxism.com

statmap - Output recursive directory stats as JSON for visualization and analysis

http://oxism.com/works/statmap

Output recursive directory stats as JSON for visualization and analysis. As a system executable:. Npm install -g statmap. When used as an executable, statmap returns JSON over stdout. To map the current directory:. Pass an optional argument for a different directory:. Statmap . parent.json. The JSON will contain a recursive representation of the directory and all children. Each key is a file or directory name with a corresponding value containing a. Here’s an excerpt of the output for the package itself:.

oxism.com

Maskew - a javascript library for skewing the shapes of elements

http://oxism.com/maskew

A JS library for skewing the shapes of elements. But a modern browser). Var maskew = new Maskew(document.getElementById('skew-me'), angle);. Var $maskew = $('#skew-me').maskew(angle);. Maskew.skew(9); / or with jQuery: $maskew.maskew('skew', 20); / or: $maskew.maskew().skew(20);. From the start: var touchMe = new Maskew(document.getElementById('skew-me'), angle, { touch: true }); / or: maskew.setTouch(true); / disable touch: maskew.setTouch(false);. Fold up the DOM like paper. Ex libris oxism.com.

newhtml.net

jQuery – NewHTML

http://newhtml.net/category/jquery

想给页面产生一个折纸的效果吗 嫌麻烦 没关系， OriDomi. Read More →. CSS3 过渡效果 transition 为网页世界带来了简单、易用的动画效果，但简单的外表之下还隐藏着一些不能忽视的细节。 Read More →. NProgress – 独特的线条进度条. Read More →. Parallax.js – 快速实现层次化网页的好帮手. Read More →. FlowType.JS – 帮你调节文字大小的利器. Read More →. Motio – 更轻松的使用Sprite动画. Read More →. 找到你心目中理想的动画效果 – 缓动函数速查. 找到你心目中理想的动画效果 – 缓动函数速查. Uijijs – 让你的jQuery更强大. Read More →. 作者 的劳动成果，如今我们又有了三个迅速提升你网页编写效率的jQuery插件 jQuery.pluginautoload、jQuery.waiting和 jQuery.WebcamQRCode。 Read More →. Equalize.js – 让你的内容迅速对齐.

newhtml.net

CSS3 – NewHTML

http://newhtml.net/category/css3

CSS3 Transform Animation 实现复古时钟. Read More →. 把Modern UI风格带入Web – WinJS. Read More →. CSS Shake – 让你的页面晃起来. Read More →. 想给页面产生一个折纸的效果吗 嫌麻烦 没关系， OriDomi. Read More →. Read More →. CSS3 过渡效果 transition 为网页世界带来了简单、易用的动画效果，但简单的外表之下还隐藏着一些不能忽视的细节。 Read More →. NProgress – 独特的线条进度条. Read More →. 找到你心目中理想的动画效果 – 缓动函数速查. 找到你心目中理想的动画效果 – 缓动函数速查. 又一个移动应用HTML5库 – Junior. Read More →. 轻轻松松搞懂CSS排版规则 – Learn CSS Layout. CSS3 Transform Animation 实现复古时钟. 把Modern UI风格带入Web – WinJS. CSS Shake – 让你的页面晃起来.

newhtml.net

折叠你的DOM：OriDomi – NewHTML

http://newhtml.net/折叠你的dom：oridomi

想给页面产生一个折纸的效果吗 嫌麻烦 没关系， OriDomi. Var folded = new OriDomi(document.getElementsByClassName('paper')[0]); / 浏览器API来初始化 var folded = new OriDomi('.paper'); / 直接使用选择器 var $folded = $('.paper').oriDomi({/* options object */}); / 使用jQuery $folded.oriDomi('accordion', 20); / 折叠. Folded.curl(50).collapse().setSpeed(2000).stairs(-29).foldUp().unfold();. View all posts by liuyanghejerry →. Next Post →. CSS3 Transform Animation 实现复古时钟. 把Modern UI风格带入Web – WinJS. CSS Shake – 让你的页面晃起来. 简化前端测试的利器 – BrowserSync.

oxism.com

TuringType - A naïve human typing simulation effect

http://oxism.com/works/turingtype

A naïve human typing simulation effect. Written quickly to scratch an itch; not intended to be an accurate algorithm. To see what it does. New TuringType(domElement, Just some text.);. New TuringType(domElement, Terrible but fast typist., { accuracy: 0.3, interval: 20, callback: allDone });. Fold the DOM up like paper. The web is flat, but with OriDomi you can fold it up. OriDomi is an open-source paper-folding library with animation queueing, touch support, and zero dependencies. Is entirely open source.

oxism.com

stream-snitch - Event emitter for watching text streams with regex patterns

http://oxism.com/works/stream-snitch

Event emitter for watching text streams with regex patterns. Stream-snitch is a tiny Node module that allows you to match streaming data patterns with regular expressions. It’s much like. But for Node streams using native events and regular expression objects. It’s also a good introduction to the benefits of streams if you’re unconvinced or unintroduced. The most obvious use case is scraping or crawling documents from an external source. Gi, src; while (src = rx.exec(data) fn(src); cb(); }); }); }. Funct...