background preloader

Kimono : Turn websites into structured APIs from your browser in seconds

Kimono : Turn websites into structured APIs from your browser in seconds

http://www.kimonolabs.com/

Elasticsearch Document oriented Store complex real world entities in Elasticsearch as structured JSON documents. All fields are indexed by default, and all the indices can be used in a single query, to return results at breath taking speed. Stitches - An HTML5 sprite sheet generator Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only compatible with modern browsers. Drag & drop image files onto the space below, or use the “Open” link to load images using the file browser. Then, click “Generate” to create a sprite sheet and stylesheet. This demo uses a couple of HTML5 APIs, and it is only currently compatible with WebKit and Firefox browsers.

Basics and Implementation of Predictive Collision Detection Few days ago, I wrote a post about why time based animations are better than frame based animations. However, in animations done as a function of time, some serious problems could arise. One of them is that your regular collision detection techniques might fail if the frame rate is lower than acceptable. Your object might pass through the walls or even fall through the floor! H Factor : Hypermedia Types The H Factor of a media-type is a measurement of the level of hypermedia support and sophistication of a media-type. H Factor values can be used to compare and contrast media types in order to aid in selecting the proper media-type(s) for your implementation. H-Factor values are made up of two parts, each with their own set of factors: [MCA: Is this a complete list? overkill?] By checking each hypermedia element in media-type for each of the identified factors, one can arrive at the composite 'H Factor' for the target media type.

Programming Cloud: Introducing a Programming Revolution Battle-Tested Systems The core infrastructure of Wolfram Development Platform has been battle-tested for years in Wolfram's widely used public Wolfram|Alpha system. Maximize Programmer Productivity Facebook Time Machine: How Much Time Have You Wasted? Facebook will celebrate its 10th birthday next week. Created in a dorm room by Mark Zuckerberg and a few friends, TheFacebook.com came to life on Feb. 4, 2004. In its decade of existence, the social network has attracted 1.1 billion users, and all their pokes, wall posts, baby photos and engagement announcements add up to a whole lot of time. Use TIME’s calculator to see just how many days of your life have been lost to this ten-year-old.

First Principles of Interaction Design (Revised & Expanded) The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments, the web, mobile devices, wearables, or Internet-connected smart devices. Help! This is a huge revision. I expect I have made mistakes. Please leave corrections and suggestions in the Comments at the end. A Complete Guide to Progressive Enhancement For years, web designers have been using graceful degradation principles to make sure visitors in older browsers can at least see the content on their websites, even if they don’t see it exactly how the designer intended. Graceful degradation let designers design for the newest and best browsers without completely alienating those using older browser versions. And just because those with older browsers often got a less-than-optimal user experience didn’t deter designers from placing their focus squarely on the newest technologies and techniques, rationalizing that those using older browsers were either used to it or should just upgrade. Progressive enhancement gives us a better option. Rather than focusing on browser technologies and support, PE focuses on content.

A new image format for the Web - WebP WebP is a modern image format that provides superior lossless and lossy compression for images on the web. Using WebP, webmasters and web developers can create smaller, richer images that make the web faster. WebP lossless images are 26% smaller in size compared to PNGs. WebP lossy images are 25-34% smaller than comparable JPEG images at equivalent SSIM quality index. A lazy loading and multi-serving image script What is bLazy? bLazy is a lightweight lazy loading image script (less than 1.2KB minified and gzipped). It lets you lazy load and multi-serve your images so you can save bandwidth and server requests. The user will have faster load times and save data loaded if he/she doesn't browse the whole page.

Related: