With web technology constantly changing, I find myself re-thinking the way I traditionally design for the web. I’ve always started from sketches, then to photoshop without relying on any preset button design, and everything was graphic intensive. Watching the way web evolving, I’m seeing how important it is to have scalable, fast loading, and pure CSS/HTML buttons and graphics.
Luckily with most modern web browsers (Sorry IE, you lose) we have such vast resources to create beautiful buttons, graphics, drop shadows, gradients, etc all with pure coding of CSS3 and HTML5. So instead of having a button design that has to load a background image and loses it’s glory if it’s viewed on a higher resolution screen, why not use a pure coded beautiful button that is scalable, faster at load times, and much easier to create?
This is just one of many examples of how I’m learning, and how our team at Steadfast is learning, how to make a more pure scalable design, while having a bold end result.
As much as I love photoshop and creating neat tricks, these same tricks are becoming more and more accessible through HTML and CSS, so as evolving interactive designers, we need to embrace and learn these technologies so we can continue to not only create great designs, but fast loading, high definition, and scalable designs.