In case you need to add a CSS definition only for FF 1 or 2, check out this article (with examples): CSS hack for Firefox only
Today, I had a need to create a hover state for a button. I knew how to do that easily if it were an image. I could just use the onMouseOver attribute and insert a little javascript to swap out the image on hover.
That doesn’t work for input field.
I thought about using javascript, but that feels like an overkill and whenever possible, I try to avoid writing script.
Then I came across the following tutorial on applying a sprite technique to the input field.
It’s a really easy to follow tutorial. I got it working in less than 30 minutes. If you want to learn about this technique, you should give this one a try.
As part of the prototype that I’m building, I need a js to hide and show a layer.
I did a little search on that and came across this nice page that tells you how to do it and also provide the code that you can copy and paste to your own code.
Smashing Magazine came up with a nice short list of tips to improve typography for your site: 8 Simple Ways to Improve Typography In Your Designs.
This could improve the user experience for your site dramatically, particularly if your site is text heavy.
Today I spent the whole day preparing sample works to apply for a UX position at a well-known financial company.
It was a very agonizing process.
They want to see some formal documents that show my process and how I solve UX problems, mainly from the interaction design perspective.
I know how to do wireframes, site architecture, user flow, etc., and have been doing that but I don’t have anything in the form of a formal documentation. I did most of these on paper because it’s the fastest way for me. We had a very small team, so we had to move from one project to another quickly. In other words: just get stuff done. In many cases, I collaborate with front end developers in real time as they implement the design.
This sounds like an excuse, though.
Note to self: going forward, I need to make sure I keep the artifacts used in the design process and make time to create proper formal documentation.
Noupe.com compiled this list of 30 cool illustrator tutorials: 30+ Fresh & Useful Adobe Illustrator Tutorials & Neat Tips
A lot of these are things that seem really complex and would take hours if not days to achieve in Photoshop, which is what I’d naturally go to to create these.
great idea! an easy way to find a specific photoshop tutorial that you need.
I just installed zen cart, one of the free e-commerce applications, to explore the possibility of selling my art online.
The default 3 columns layout is so busy and I need something much simpler than that. This tutorial shows exactly that: http://www.imakewebsites.ca/zen-cart-layouts/