One of the things I personally struggle with in design is getting the right balance of graphic interest and clean-cut minimalism. I tend to lean a bit to the aesthetic side and toe the line with too many images. My design style is to build it up aesthetically first and then pare down to the essentials based on the function of the site and the user demographic that will be utilizing it. Recently I have been working at paring down my code as well. The less bulky the files, the faster the load time, the happier the users! In achieving this I also need to lessen both the file size and number of graphics being used, so in looking for ways to do this I have found a few “nifty� tricks. Nifty Corners Cubed is a process of making rounded corners without images. Sadly this utilizes and heavily relies upon JavaScript making it unusable for a designer attempting to avoid JavaScript as well as trying to keep code size down. Still a good solution for avoiding images though! CSS is my primary tool in achieving low file and code size. If I can keep my designs to solid colors, borders, and a few simple one pixel backgrounds then I will have achieved that balance between functionality and aesthetic design.
Indiana Web Design - Fort Wayne, Kokomo, Indianapolis,
Wabash, Peru, Huntington, Logansport
Honey, I Shrunk the Web-Page!
Honey, I Shrunk the Web-Page!
2 Responses to “Honey, I Shrunk the Web-Page!”
Leave a Reply
You must be logged in to post a comment.
|
Visionary Web (E) Copyright © 2012 Visionary Web |
SITE MAP |
December 14th, 2006 at 10:15 pm
Justin, this is cool. Do you have any sites where you utilized this? -A
December 15th, 2006 at 10:28 am
No, I have not used the “Nifty Corners” yet in a published site. The CSS colors/borders and attempts at paring down the file sizes I do to every site I work on. I think that answers the question. I may start looking into utilizing a different technique for dynamic rounded corners. go to http://www.schillmania.com/content/entries/2006/04/more-rounded-corners/ for more information. I am also tying to get away from JavaScript generated image rollovers and instead using a technique called “Sliding Doors” in CSS to get the same effect. I’ll elaborate more on this in my next blog post.