Tuesday, May 11, 2010

Dabbling with Web Style Sheets

Today I just kicked off one of my projects for a class (ISYS 350 Building Business Applications) at SFSU to do form processing through JSP (Java Server Pages) and JavaScript.  It's a really basic assignment where I have to calculate monthly payments.  As I was doing this assignment, I recalled cool web tricks I learned from a Japanese book on the topic.  I wondered if I could recreate some of these effects.  So I searched for rounded corners and color schemes on the Internet.

I found two sites that drew my attention.  One was this awesome tutorial on the new exciting CSS3 (Cascading Style Sheets version 3), which allow you to create awesome special effects without resorting to images or Flash.  Only text is downloaded and the browser handles the special effects.  All the browsers, except Internet Explorer support these new features.  Check the tutorial out at: http://www.zenelements.com/blog/css3-introduction.

Another place was this German site (http://crosstec.de/) that had some inexpensive kits to create very attractive form user interfaces.  I will probably use these in the future, but until then I was able to gather enough information to dress up my project:


After adding this, the assignment was more exciting to complete.

No comments:

Post a Comment