interactive development & discussion
Here’s a great article about the process of responsive design & mobile first design and how to practically use them both in a project.
This site is a proof of concept for many of the ideas described in Rethinking the Mobile Web or (Mobile First Responsive Design).
Here’s a great tool to make responsive grid layouts. Thanks to Erskine Labs!
Introducing Gridpak | Erskine Labs.
Here’s a great little script I found useful today as I was working on having dynamic effects applied to javascript via canvas.
“The canvas element provides scripts with a resolution-dependent bitmap canvas, which can be used for rendering graphs, game graphics, or other visual images on the fly.”
Thanks to the canvas APIs I was able to get the color values of each pixel of the image and transform them applying the multiply formula, which simply is:
MultiplyColor = [255, 105, 0];
function multiply(topValue, bottomValue){
return topValue * bottomValue / 255;
}
Here’s a great read about the “one version manifesto”, which states that the web is versionless and we should only be building for the latest browsers. Originally stated by Aral:
“#oneversion #manifesto My websites will only support the latest versions of browsers. It’s the browser makers’ duty to get users to upgrade.”
My websites will only support the latest browser versions | Opinion | .net magazine.
I saw this script back when David put it out there and was very impressed, but totally forgot where I’d seen it. Working lots with canvas and imageData recently and have been trying to remember where I’d seen this awesome experiment using it, I wanted to shout it. And now he’s linking to Ben Keens web app that uses this script with an interface! Very fun!
Link: Close Pixelate · David DeSandro – http://desandro.com/resources/close-pixelate/ by David DeSandro
Great series exploring and discussing responsive web design and how it relates to images. We can’t very well expect mobile users to load our big images meant for large screens, or our desktop users to scale up small images meant for mobile users (only if all those shows were correct and we could just say “enhance that image”). This series explains the problem very well and then explores current solutions out there and even some potential IMG tag updates that might make life easier..
Link: Responsive IMGs — Part 1 « Cloud Four – http://www.cloudfour.com/responsive-imgs/ by Jason Grigsby.
Here’s a great article about responsive web design, mobile first, responsive images and other server side components to keep in mind when thinking about making sites that are easily and quickly viewable on any device (today and tomorrow).
Link: LukeW | Multi-Device Web Design: An Evolution – http://www.lukew.com/ff/entry.asp?1436 from Luke Wroblewski.
