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

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'

Sylvester

Sylvester: "Sylvester is a vector, matrix and geometry library for JavaScript, that runs in the browser and on the server side. It includes classes for modelling vectors and matrices in any number of dimensions, and for modelling infinite lines and planes in 3-dimensional space. It lets you write object-oriented easy-to-read code that mirrors the maths it represents."

'via Blog this'

IE8 Developer Tools won’t open | David Tong

IE8 Developer Tools won’t open | David Tong: "This may sound stupid, but I ran into this issue that upon pressing F12 or choosing Tools > Developer Tools, the IE Developer Tools window does not show up. It is, however, showing up in the task bar.

The issue is that when you have Developer Tools detached from the browser window, and you don’t close it before exiting the browser, the next time you open IE8 and try to run Developer Tools, the Developer Tools window will be an ‘invisible state’ (simply put…).

The solution is to right-click on the tab/ icon in your Windows task bar and choose Maximize. If there is no such option in Windows 7, hover on the tab/ icon in the task bar for a moment until an overlay pops up that shows all the IE8 instances and the Developer Tools representation view, right-click on the Developer Tools’ representation view and choose Maximize. Alternatively, you may do Alt+Spacebar, then hit ‘m’ and start using your arrow keys to move the window around. You will then be glad to see your long-lost friend!

It sounds stupid, but this is still a kind of IE bug."

'via Blog this'