Below are a few of my favorite examples of Responsive Web Design, the practice of setting media types allowing the design to scale to adapt to whatever the size of the screen that the user is using.
Device Agnostic Design
An article from Smashing Magazine talks about Device Agnostic Design which is a great future proofing advancement from responsive design. Being device agnostic means that you use your content to set break points, not the device you want the content to display on. This is important because if we spend time developing content for specific devices we are creating the next developer nightmare. There is no way to predict the size or aspect ratio of screens in the future. What happens if you design your site to perfectly fit your favorite tablet only to discover that the next generation of that same device has a slightly different sized screen.
For now, it seems as though developers are at the mercy of hardware makers. All we can do is hope they create some sort of a standard, and quick. In the meanwhile, we’ll have to make design decisions based on the content we want to show. After all, content is King.
I stopped by the art gallery at 100 Pearl St to see the artwork of Michael Maddadore. The gallery is located within the lobby of 100 Pearl Street next to the Greater Hartford Welcome Center. No doubt some of the people who work in the building, some of which I know must have also seen some of this art, and other too, even if just in passing. I wish there was more traveling art in the corporate world.
Some of the work is marked as sold– bravo. Below is a shot of one of Mike’s pieces. Im glad to see other local artists working and living downtown.
Gallery Hours: Mon-Fri, 8am-7pm.
Personally, I like it. Sure, Im his friend, but this shows a serious dedication and attention to detail. Its not a sprint, this is a marathon. Those lines are precise in their perspective and perfectly straight. Sure, use a ruler and you get the same effect – but this is a relatively large scale work, about 32 or 36″ tall, so a large amount of time went into this. There is a certain style to this that’s working and I like it. It rigidly adhering to rules of perspective in the foreground and center and throws it all those same rules out the window along the edge.
In their infinity profit seeking wisdom, the owners of Myspace (should be called TheirSpace) have opened the floodgates to CPC advertising which can target based on location, age, interests, or gender. Its a matter of time now before a stampede of companies throw their ads on Myspace and make the site one more step worse than it already is.
Great archive of different show/hide effects using JQuery, which I gotta say is quickly becoming the new “Flash” of the internet. You dont need a special player for JQuery and it interacts (and even plays nice) with other non JQuery elements, something Flash can never do.
Check out whats possible and then start learning JQuery.
You learn things every day. Here is what I learned yesterday on a green set.
Tighter fitting clothes are better than loose fitting clothes.
Darker hair is better than lighter hair.
Hair should all be in once “clump” with as little friz or loose hair as possible. This is not a requirement, but makes the video editing a lot easier with a minimum of seizure flicker.
Reflective materials, even slightly reflective materials like nylon, are no good to varying degrees.
Under lighting is a must. It takes the black out of cast shadows under the chin and around the eyes.
Hopefully I’ll be applying this knowledge again soon. I had a ton of fun working on set. I can’t wait to post the final video and link to the site.