Archived: Web design

Sneak peek: Upcoming thomasmaier.me redesign

June 7th, 2010 in Graphic design, Interface design, Me, News, Web design |

I’m redesigning my website. Actually I am on it right now in Photoshop.

My website is pretty nice at it is now. It’s also very successful. But my goal now is to improve it even more. I’m working on it since two weeks. And if you’ve seen the WWDC 2010 keynote of Steve Jobs with the new iPhone 4, you see, that you can improve devices, which are already far ahead, even more. That’s my goal, too. I want to make it look more realistic, put more information in it by decreasing the complexity at the same time. It is going to be optimized for widescreen displays, multi-touch and will use new HTML5 and CSS3 techniques. I will also split blog and portfolio into two parts so you can focus on both of them much better. I’m really ambitious with it. Hope you’ll like it. The following images are sneak peeks and maybe they will not represent the final appearance but the state as it is now:

[Webdesign] The White Horse Inn

March 19th, 2010 in SMM, Web design |

The new website of a nice restaurant in Moretonhampstead (Devon, UK), called “The White Horse Inn”, has launched.

Special Machine created the concept and the design and I built the code behind it. Here’s the Website. The White Horse Inn is also on Facebook and on Twitter.

PS: There’s also a hidden “easter egg” on the front page – a video showing the “Making Of”.

HOWTO: CSS for the iPad [Update]

March 4th, 2010 in Apple, Mac, Tip, Web design |

The iPad is coming and the developers already received the iPhone Simulator Extension. The new XCode beta also includes Safari Mobile.

If you want to use a CSS modification for the iPad (as I do), this is how you tell the iPad to use an additional CSS file:

<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" />

Because of the other browsers not knowing how to handle this type of media string they won’t interpret it. The ipad.css will be interpreted by the iPhone, too. So if you need some specific CSS also for the iPhone, you proceed equally but with max-device-width: 480px.

Update

This site shows how to implement the rotation mode (portrait or landscape).

« back forward »