The Informational Info-Structure of Information in Neatly Packaged Little Boxes Called a Table

The title dosnt make sense but its fun to look at. So tables are easy enough to do. I dig em’.  Its regimented and consistent in its coding. Since I have had this class before, I know that the document.write thing will be coming soon.

However, I did have a problem with one thing.  I wanted  to change the color of the font in different rows. So I wondered how to do that. For example, if I wanted the names in each row to be a different color, do I have to div out each of those? There has got to be an easier way. Other than that, its all good in the hood.

Now what is my “real world problem”? Well I guess  I can be too sensitive at times, or that I eat too fast, or maybe its that I have abandonment issues. How could I possibly explain those in an algorithm. Besides , I think the population as a whole has a pretty good grasp on how to feel lost, bulimic , overwhelmed and insecure.

Coffee can surely make it all better. So here is how I make coffee

water in coffee maker

coffee in filter

hit power button

stare at coffee maker till brewed

pour coffee

drink coffee

Wk 1 assignment Table

Published in: on October 13, 2009 at 12:57 am  Leave a Comment  

The 5 in review…..

Initially I looked for premium website designers. I like to google them as a source for different layout ideas.  I dont want to be stuck in the branding top, navigation top or side and some content. I like to see how people keep with  basic formating yet think outside of the box.

4 stroke jeans– A site dedicated to fashionable jeans. I like the openness to the site. It uses a font other than the basic Arial, Helvetica or such. I like the additional sub links in the site info area. I find the site interesting because it doesn’t use multiple graphics and words to bring about a point. Its simple and only uses white background with black letting. To me, the main images are the best part of the site. These images are creative and very professional.

JewelSuite – A geological remodeling and reservoir simulation software company. Forget what all that means (cause I dont have much of a clue) but I really like the colors used, and again the white background, Maybe I should consider that for my website. This site also offers a couple separate  navigations bars. The site map along with the client log in is at the top of the page (cool!) . The images are also a big seller for me for this website. In my comp the CODARUS logo was branded all along the top, here it only takes up a part of the left side and uses white space across the top. It shows off the logo without it being overpowering. Ive already done my wireframes, if I had done this assignment first I would have rethought the layout again.

Siena Kitchen Design– A Kitchen Design web site, uses color and beautiful images to bring in its users.  In general I really like the use of photography and images to bring about a mood, this site does a great job for me. The layout is simple and easy to navigate.  I really like the background color and may actually use it on my comps.

Pine Cone Hill – A bedding and sleepwear distributor. Has a nice home page with bright colors.  I like the elongated images at the bottom that show the user a sample of different product. The have a “Where to buy” feature that helps the user to find their closest Pine Cone Hill retail store. They use drop down and basic formatting that helps the user to find a close store. Its simple and fast.

Yves Delorme – A fine linen vendor. Gray background, white text and green links. The home page has rotating images. The font is in lower case on the navigation bar which helps to make the design simplistic yet elegant. Because the company is from Paris, they offer the site in French and in English.  What I found funny was that the site offers instructions on how to fold napkins. It has a virtual book that you can turn the pages on and get the instructions. Pretty funny……

Published in: on August 9, 2009 at 3:17 am  Comments (5)  

The Float Layouts…

Float layouts are known to be a good organizational and designing tool. I have just learned of a Liquid layout.  There is a helpful site called Max Design. They define a liquid layout as; “All containers on the page have their widths defined in percents – meaning that they are completely based on the viewport rather than the initial containing block. A liquid layout will move in and out when you resize your browser window.” So I said to myself, “Self, what is the big deal weather the bounderies are absolute or floating?” I came to the conlusion that it is a usability tool. You have probably had a need for one and didnt even know it.  And right now I notice that wordpress uses Liquid layouts.

Autistic Cukoo explains the floating layout in a easy to understand manner. Simply put, you can only float things left or right and it is generally used for images.  He goes into a deeper discussion, but that is about the gest of the article.

Netmag has a great tutorial on layout design and you can download a PDF file. According to the comments, its a valuable tutorial. I havnt downloaded it yet but I most definitely will.

Published in: on July 31, 2009 at 8:08 pm  Comments (4)  

Semantics and meaningful markup…

According to Wikipedia “,the Semantic Web is an evolving development of the World Wide Web in which the semantics of information and services on the web is defined, making it possible for the web to understand and satisfy the requests of people and machines to use the web content.”

Since the webs conception, now more than ever it is necessary to understand and practice strict and concrete codeing.  With new ideas and design concepts constantly forming, the person doing the codeing will have to take a  creative yet organized back seat to the outside packaging of a web page. In other words, the markup may be way more important than the actual visual page the audience sees.

Semantic Markup


Explaining Sematic mark-up

Published in: on July 26, 2009 at 11:28 pm  Comments (1)  

Free Stock Footage

I was looking for some footage for my motion graphics class and I found this web site that offers free footage for download. Now it sounds too good to be true, well it sort of is. There clips are a little generic but on the other hand they are totally free, really free. So I thought I would put this out there anyway just in case someone could possibly benefit from the service. Its called Stock Footage for Free. You have to register your account of course, but they dont ask for a credit card or anything. They also offer downloads in Hi-Def.

Published in: on July 17, 2009 at 1:54 pm  Leave a Comment  

Web Design: What it means to me.

Amit Benerji describes it best when he says that “Your web site exists for a purpose. It exists to market your product or service, make a favorable impression, and induce people to come back regularly.”  It is imperative that the designer consider these points when developing their website. As we all know, the aesthetics of a site is a superficial  psychological game. As a developer, it not only matters how successful the outside is, but also how successful the inside is.

I found a website that outlines 5 Important Rules in Website Design. The author stresses the importance in the “less is more” approach in order to achieve a well performing website.  Here are the subjects that this designer covers in this article: Do not use splash pages, Do not use excessive banner advertisements, Have a simple and clear navigation, Have a clear indication where the user is and Avoid using audio on your site. I could not agree more with the latter. I hate going to a website and there is some song playing while I am trying to read. I really dont see the point in it.

CSS Web Design and Basics is an excellent resource to go to when your not really sure how CSS enhances your site.  The author outlines some basics to CSS and then gives lots of places to go to for tips and tricks on how to make CSS a part of your internal coding instead of just an enhancement. This site has heavy traffic and those who comment also have interesting and useful links to visit.

In my opinion, web design is successful when the user is able navigate the site with ease, they are visually pleased and interested while at the same time totally oblivious of all that the designer has gone through so that the audience can have that seamless interaction.

By the way, I found this site that gives tips on how to build your own wordpress theme.

Published in: on July 16, 2009 at 4:49 pm  Comments (3)