background preloader

Shiny Demos

Shiny Demos

Related:  front-end

Recently I worked with Art Processors to create... - German for black Recently I worked with Art Processors to create the “Replay” feature for The State Library of New South Wales’ “Curio” — Essentially, you get to see which exhibits you viewed at the gallery after you’ve left (you’re geotagged through the building as you explore). One particular part of this build proved difficult, I thought it may be worth sharing — The polygonally (is that a word?) masked images:

Pantone Inspired Products From your toothbrush, to your notebooks, to your cufflinks and even your flowerpots, color arrays are everywhere. And why not inspire them in Pantone? This post is for all lovers of Pantone. And we've even found a Pantone Hotel. We leave you with a variety or products, places and concepts inspired by and that pay tribute to Pantone.Enjoy! Buy it here.

HTML5 Cross Browser Polyfills · Modernizr/Modernizr Wiki The No-Nonsense Guide to HTML5 Fallbacks So here we're collecting all the shims, fallbacks, and polyfills in order to implant HTML5 functionality in browsers that don't natively support them. The general idea is that: We, as developers, should be able to develop with the HTML5 APIs, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly. Looking to conditionally load these scripts (client-side), based on feature detects? See Modernizr. Future of Web Design London 2013 The 7th annual FOWD proudly presents three days of cutting-edge learning and inspiration. Red Hot Topics Covering all the hottest topics. Future of Web Design will keep you right up to date with the latest technologies and techniques. Packed Schedule With two tracks across 2 days + workshops; Future of Web Design is absolutely packed with high quality content, just for you.

« Hannu's Plaza » Doing gravity right Now you may be thinking: "baah, I know how to do gravity.." but there's a big flaw in the commonly used Euler's method to handle the gravity (or other forces). Even all the Quake games have this problem. Then what is it?

Convert Pantone Colours to RGB We are sometimes asked to use a Pantone® color in a website design. We use the following colour conversion chart to convert Pantone® spot colors to RGB color values (Red/Green/Blue) and Hexadecimal color values. source: Snap.svg - Why Snap Snap.svg is a brand new JavaScript library for working with SVG. Snap provides web developers with a clean, streamlined, intuitive, and powerful API for animating and manipulating both existing SVG content, and SVG content generated with Snap. Currently, the most popular library for working with SVG is Raphaël. One of the primary reasons Raphaël became the de facto standard is that it supports browsers all the way back to IE 6.

Matt Bailey - Web designer and front-end developer - Grunt - Synchronised Testing Between Browsers/Devices Today I discovered how easy it is to synchronise testing between browsers/devices when using grunt server. UPDATE: It has been pointed out to me that I should make it clear that grunt server is part of Yeoman’s Gruntfile. If you’ve set up your project not using Yeoman then this command might be different. Zero to Sixty in One Second When streaming out new pieces of ribbon, the occlusion is baked in on the fly, stored in the unused alpha channel next to the position (RGB). The four nearest discs on the ribbon are interpolated bilinearly, and the vertex's normal and position is used to mix the front and back shadow values appropriately. Thus it's effectively trilinear filtering a 2×2×N voxel grid per ribbon, which snakes and twists along its length. I'm very happy with how good it looks, even with very coarse divisions like this. Unlike SSAO it costs practically nothing once generated. If you wish, you can view the design entirely in white to examine the lighting—or in black and white, or in the seventies, tone mapping is fun.

Gamma - Responsive Multi-Purpose WordPress Theme The Gamma WordPress theme is a very clean and modern WordPress theme that has been setup to make it easy for you to create a corporate, portfolio or even a simple blog for yourself or your client. All the main aspects of the theme (portfolio, services, staff, faqs, slider…) are controlled via custom post types so not only is adding and managing content very easy, but you don’t have to rely on adding in shortcodes everywhere to get the design you see in the demo. Drag&Drop Homepage Lots of useful drag-and-drop modules are available for the homepage. I don’t add drag and drop for all the pages because if you ever decide to change themes, all your content is gone. But for the homepage its great!