Before digital imaging similar effects to masking could be achieved through double exposure, where film is exposed to multiple negatives or shapes which combine the visible portion of the photographs. In digital media this uses…
Category: design
Masking in CSS
As far as CSS features go this is still relatively new. Because of this, support can be spotty. So let’s check out caniuse.com. Caniuse is a website created by a friend of mine Alexis Diveria,…
Masking in SVG
Masking is really powerful in SVG in fact SVG has it’s own mask element specific to this purpose. <mask id=”myMask”></mask> We can add this element into our <defs> tag and then any content we add…
Masking in Canvas
Because the canvas requires manual drawing through scripting we need to leverage the 2d canvas API, through the canvas’ 2d context. Clip paths in canvas are pretty straight forward. First we simply draw a path…
SXSW 2014: Rich Web Experiences and The Future of the Web
Earlier this year at SXSW I gave a presentation on Rich Web Experiences, involving different technologies and techniques you can use to build richer experiences. This was an evolving talk that I've continued to work…
Read more of SXSW 2014: Rich Web Experiences and The Future of the Web
Canvas Blend Modes in Safari on Desktop and iOS7
Blend Modes have probably been one of the most highly requested features in canvas. Canvas is great for gaming and rich visual effects down to the pixel level, and though we can do shaders and…
Read more of Canvas Blend Modes in Safari on Desktop and iOS7
CSS Blend Modes
Blend Modes is one of the new specifications coming to CSS, you can test this in certain recent builds of webkit with: -webkit-blend-mode Values include traditional blend modes like multiply, screen, overlay, and more. This…
What's the simplest thing that could possibly work?
I read this great post on the simplicity and effectiveness of craigslist and they also talk about how this site like wikipedia yearn for fundamental function over any design quality or extra features. It got…
Read more of What's the simplest thing that could possibly work?
Papervision3D filter notes
Typically when adding filters in papervision you have to use ViewportLayers and apply the filters to them, however this can become messy and tedious if you are applying filters to a large number of objects.…
new design: Balloon Reproduction
t-shirt and poster! click here to purchase! click here to purchase!