I decided I would take a minute to throw together a example of how a simple and effectively a snippet of html5/css3 can accomplish a beautiful effect. Gone are the days when you had to design everything in Photoshop and then recreate (cut a chop up .gif .jpg and .png images) to get the illusion of the effect you wanted. This can really save a lot of time and headache as the client can see the progress and will fully appreciate your working concepts in a more agile environment.
In this quick freebie I have created a simple login form that highlights a couple great features of CSS3 that you can take a look at and of course feel free to use in your design!
Example: https://s3.amazonaws.com/general-media/login.html
If you don’t want to go through the hassel of pulling out the inline CSS you can download the HTML and CSS files here: http://cl.ly/3S040v1X0h2K0f1E0M3k
Hope this is found to be useful!
Topher
Chris has a real passion for design and loves to share inspiration and tutorials with the design community. He's the curator here at designshifts.com, a freelance web consultant and developer and has a passion for the great outdoors.
Follow Me:
!){kind=link}
One Comment
I seriously value all the hard work that you have devoted to keeping this blog around
for all of us. I seriously hope this stays around
for a good long time.