Monday, April 8, 2013

LevelDB

oren.github.com/posts/leveldb.md at master · oren/oren.github.com · GitHub: "LevelDB is a very fast and lightweight embedded database. It was created by two Google engineers and is inpired by BigTable, Google's proprietary file system. You are probably using it without knowing it since it's part of the Chrome browser (exposed as IndexedDB).

Other databases in the embedded category are BerkelyDB and SQLite (it's important to point out the LevelDB is faster). By embedded it means you don't run it in a separate process as you would normally do with many of the popular databases such as MySQL, MongoDB or Redis. LevelDB is contained within your application process and can't be accessed from other process. It is literally just a file based store of key value pairs that does some fancy caching and compression.

If we compare it to Redis, it's even lighter, have more reliable writes and unlike Redis, you don't store your entire data in memory but in the file system. Another difference is Redis have more data structures (sets, lists etc) that LevelDB is lacking. The similarity is that both store key-value pairs and both can save json."

https://github.com/oren/oren.github.com/blob/master/posts/leveldb.md

Sunday, April 7, 2013

Quick Tip: Add Easing to Your Animations » Learning jQuery - Tips, Techniques, Tutorials

Quick Tip: Add Easing to Your Animations » Learning jQuery - Tips, Techniques, Tutorials: "Easing can really bring life to an effect. Easing controls how an animation progresses over time by manipulating its acceleration. jQuery has two built-in easing methods: linear and swing. While they get the job done, they are pretty boring when compared to what's made available through the jQuery easing plugin."

http://www.learningjquery.com/2009/02/quick-tip-add-easing-to-your-animations
http://gsgd.co.uk/sandbox/jquery/easing/

Unfolding 3D Thumbnails Concept

Unfolding 3D Thumbnails Concept: "This demo shows a concept for toggling a thumbnail view for an image slider. The idea is to reveal some thumbs using a 3D effect and indicate the switch in navigation functionility.
This is a concept, the slider functionlity is not implemented."

http://tympanus.net/Development/Unfolding3DThumbnailsConcept/

The exceptionally handsome dashboard framework.

"Dashing is a Sinatra based framework that lets you build beautiful dashboards.

Key features:

  1. Use premade widgets, or fully create your own with scss, html, and coffeescript.
  2. Widgets harness the power of data bindings to keep things DRY and simple. Powered by batman.js.
  3. Use the API to push data to your dashboards, or make use of a simple ruby DSL for fetching data.
  4. Drag & Drop interface for re-arranging your widgets.
  5. Host your dashboards on Heroku in less than 30 seconds.

This project was created at Shopify for displaying custom dashboards on TVs around the office."

http://shopify.github.io/dashing/
http://dashingdemo.herokuapp.com/sample

Intro.js | Better introductions for websites and features with a step-by-step guide for your projects.

Intro.js | Better introductions for websites and features with a step-by-step guide for your projects.: "Better introductions for websites and features with a step-by-step guide for your projects."

http://usablica.github.io/intro.js/

iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more | Breaking the Mobile Web

iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more | Breaking the Mobile Web:

QUICK REVIEW

On iPhone 5:

  1. New screen size
  2. New simulator
  3. What you need to do
  4. Problems

New features on iOS 6:

  1. File uploads and camera access with Media Capture and File API
  2. Web Audio API
  3. Smart App Banners for native app integration
  4. CSS 3 Filters
  5. CSS 3 Cross Fade
  6. CSS Partial Image support
  7. Full screen support
  8. Animation Timing API
  9. Multi-resolution image support
  10. Passbook coupons and passes delivery
  11. Storage APIs and web app changes
  12. Web View changes for native web apps
  13. Debugging with Remote Web Inspector
  14. Faster JavaScript engine and other news

http://www.mobilexweb.com/blog/iphone-5-ios-6-html5-developers

Friday, April 5, 2013

CSS Masking - HTML5 Rocks

CSS Masking - HTML5 Rocks: "Two commonly used operations in computer graphics are clipping and masking. Both operations hide visual portions of an element. If you have worked with SVG or HTML Canvas before, these operations are probably not new for you. Clipping defines the region of an element that is visible. Everything around this region does not get rendered - it gets "clipped". On masking, a mask image is composited with the element, affecting the alpha channel of this element. Portions of a masked element get fully or partially transparent. The new CSS Masking specification aims to bring these two operations to the HTML world."

'via Blog this'