1) What's the best way to add a texture to a simple background colour or gradient?
2) How would I achieve an effect like the background of this login screen?
I've been a kinda crappy hobbyist for a while, and I'd like to get better. This type of effect looks pretty good, and is somewhat commonly used.
pretty easy to do in PS, grab your base image as a base layer and slap a new layer ontop, fill it with color of your choice, set layer to 'overlay' :^) for a more uniform look set the base image as black and white
it can be easy inspired by that.
create a form first. after that, change the padding styles. then add a background with linear-gradient (you can see on the stackoverflow)
you should know the css and I guess, you already know.
You can use the linear gradient effect in css.
> pretty easy to do in PS,
yes but he should write this in html/css, I guess
CSS allows the use of blend modes now; they work like the ones in Photoshop.
There are few compatible browsers, though, so I guess your best bet would be using a background image made in Photoshop.