This is a collection of my frontend utilities and demos.

Dependencies

Most of them are implemented without using any libraries or frameworks.

Compatibility

Most of them are tested on IE8 and the latest stable release of Chrome and Firefox. If they need HTML5, CSS3 or other feature that are not supported by lower versions of IE, I will point it out in the readme.

Navigation

CSS

• Animation
  • Scale on hover
• Painting with div
  • Animated Android Logo
• Interesting featres
  • Fancy counter
• Layout
  • Flexible two column
  • Flexible three column

DOM

• Get selected text
• Reverse the children of a node without losing style and event listeners

UI

• Slide and expand(like Sina weibo V6)
• Cross-browser and scrolling friendly draggable using vanilla JS
• Scrolling announcement

New Web APIs

• localStorage API demo
• Web Audio API demo - AnalyserNode

Playing with JavaScript

• Reverse a sequence with recursion/tail recursion/ES6 destructuring assignment
• Promise
• URL Utilities