Jun 172014

Prototyping Your Workflow explores the process of introducing new ways of collaboration for working on innovative approaches to development in a way that retains organizational efficiency while not having the client “bankroll our workflow remodeling project”. Techniques used include a more direct approach in working together with cross-functional development teams:

pairing designers and developers early on in a project, and having the developer create markup that “waterskis” behind the designer’s sketches and Photoshop explorations.

What I found particular interesting is the implementation of  HTML/CSS wireframes with an eye towards eventually delivering HTML/CSS prototypes to the client in the final round. I believe there is a definite trend in that direction.

Prototyping Your Workflow.

Dec 192013

This article was prompted by Adobe’s announcement that they will no longer continue development of Fireworks. Many UI designers use the Illustrator Photoshop combination which begs the question for some – Why Fireworks?

If you read this excellent article you’ll get the answer in detail with a mouth watering list of features that make obvious the reasons Fireworks is an excellent UI development tool.

Here’s a brief excerpt on Photoshop/Fireworks differences.

Photoshop is the (elephant in the room) most obvious example. It was created for photo editing and print design tasks. A few UI design features were later added to it, yet Photoshop still lacks many features that would make it really useful (and easy to use) for screen design. Still, thousands (if not millions) of users worldwide have been working with this imperfect tool for more than a decade and use it successfully for UI design tasks.

Fireworks, on the other hand, was built from the ground up for UI and screen design, and every single feature in it is intended specifically to help the UI designer. Even though Fireworks isn’t the perfect tool, in my opinion it best meets the needs of UI designers.


Sep 272013

Question: what are CSS sprites?
Answer: a single image file containing a composite of several images.
Question: how are they used?
Answer: a common application is navigation where different sections of an image are revealed based on menu item states e.g. static, hover, selected.
If you’re not familiar with CSS sprites then this article is a great primer. Sprites are a powerful tool for front end designers. Learn about their advantages and how to use them.

The Mystery Of CSS Sprites: Techniques, Tools And Tutorials | Smashing Coding.