Lorenz Merdian's infamous upcoming stuff: bible

Showing posts with label bible. Show all posts

Saturday, October 6, 2012

Register and Login reworked

Hi everybody!

I was working most of this saturday to create the new register page on the bibel reading plan web app. I had to drop the beautiful book cover background image, beacuse it was just a mess to work with on so many different resolutions, screen sizes and devices. And it did not provide a good legibilty. So I had to replace it back with a simple repeatable background.

Here are the results. I even borrowed a friend's iPhone to make some pictures. Yeah.

Updated Login page on desktop Browser

Saturday, September 29, 2012

Login Screen Design is done

So, I finished the login screen design.

My first try did not include any graphics but the logo of "BIBEL lesen" and the icon of "Registrieren". This was really plain and very straight forward. But after replacing the opaque color with a repeatable background pattern image, I did not want to go back.

I showed them to a friend of mine. He was polite saying the design was "nice". Since nice is the little sister of ugly I decided that this login screen needed a better appearance. So I used rounded corners instead of sharp ones, replaced the greenish linen background pattern with a stockphoto fullscreen on background-size: cover;.

I also want this app to be mobile friendly. But having no time for developing two or more separate apps, I go for one app with media queries to the rescue. I chose one basic css and for each higher resolution I add more information. So I work with min-with.I think this matches the mobile-first philosophy better than the max-width approach.I will hopefully result in good (i.e. less) CSS code. But now: The screenshots: