I have gone through a lot of the articles and they look really useful for people learning about CSS3
http://www.1stwebdesigner.com/css/must-read-css3-tips-tricks-tutorial-sites/
I found this article to be particularly interesting. It is a cheat sheet with all the coding options with CSS3. For someone who is not very familiar with CSS it is nice to see its capabilities.
http://www.smashingmagazine.com/2009/07/13/css-3-cheat-sheet-pdf/
Wednesday, December 16, 2009
Wednesday, December 9, 2009
Minor Project 26
I have decided to implement the sidebar item from Andy Clarke's more advanced CSS techniques. A side bar is a good way to apply additional content to support the main item on a website. I think Brendan and I's website could benefit from the incorporation of one on selected pages.
Minor Project 20
1. Site ID: The CNN logo is clearly established in the middle of the of the large red banner
2. Search: The search field is also clearly on the right side of the banner
3. Sections: The sections are well defined although the banners for each section are a little small
4. Page name: CNN
5. Local navigation: The navigation is well established right below the large red banner.
2. Search: The search field is also clearly on the right side of the banner
3. Sections: The sections are well defined although the banners for each section are a little small
4. Page name: CNN
5. Local navigation: The navigation is well established right below the large red banner.
Tuesday, December 8, 2009
Minor Project 3
What is "Transcendent" CSS? (2 points)
Transcendent CSS is a method to advance CSS use to deliver new and engaging experiences to users over the web. It is meant to better link the visual and technical components of a website.
Post a link to two examples of what you find to be inspirational design (2 points)
http://www.ign.com/
http://www.hulu.com
Why is accessibility "design" and not merely a feature? (2 points)
Website design along with just about every type of design involves making the designed item as easy to access and use. This is to streamline the item(website) so the user can get the most out of the it.
Identify a principle of "Transcendent" CSS and discuss its importance (2 points)
Use CSS wherever possible. Browsers defaults cause browsers to display website differently. By using CSS you better preserve the look and feel of your site as well as prepare it for changes that future browsers my have with it.
What is the significance of Nate Koechley's Yahoo Network Developer Document? (2 points)
Koechley's Network Developer Document submits that browsers are not going to display websites in the same way. Someone using a device like a Blackberry will view a website very differently compared to someone using Firefox/PC. The adaptive nature of Transcendent CSS allows us to design sites which can offer the best experiences to all users.
Transcendent CSS is a method to advance CSS use to deliver new and engaging experiences to users over the web. It is meant to better link the visual and technical components of a website.
Post a link to two examples of what you find to be inspirational design (2 points)
http://www.ign.com/
http://www.hulu.com
Why is accessibility "design" and not merely a feature? (2 points)
Website design along with just about every type of design involves making the designed item as easy to access and use. This is to streamline the item(website) so the user can get the most out of the it.
Identify a principle of "Transcendent" CSS and discuss its importance (2 points)
Use CSS wherever possible. Browsers defaults cause browsers to display website differently. By using CSS you better preserve the look and feel of your site as well as prepare it for changes that future browsers my have with it.
What is the significance of Nate Koechley's Yahoo Network Developer Document? (2 points)
Koechley's Network Developer Document submits that browsers are not going to display websites in the same way. Someone using a device like a Blackberry will view a website very differently compared to someone using Firefox/PC. The adaptive nature of Transcendent CSS allows us to design sites which can offer the best experiences to all users.
Wednesday, December 2, 2009
Minor Project 24
The current website for The Institute for Healthcare Communication is extremely drab and not friendly in the least. As a matter of fact we'd consider it quite the opposite of friendly. The top banner depicts doctors and various situations, though is typically monochrome to match the often drab color scheme. This makes the scenes look similar to something in a horror movie, especially the welcoming sites red scheme. In order to make the site more welcoming we need a color scheme which isn't reliant upon one single color per page. All photographs used should be used with full color.
I understand the sites creator most likely wanted something professional and sophisticated, thought I think it is possible to achieve said look without sacrificing its visual appeal. The site is geared towards the professional because they are more heavily reliant on the quality of their health care. I think if the site maintained it current layout it wouldn't be so bad, but needs to be updated with a blue color scheme (it's a peaceful, sterile color which fits the theme of medicine) and a more Web 2.0 upgrade.
Text on the current site tends to run too long horizontally and needs to be more centered and compact (this is typography 101). The animation banner at the bottom is kind of distracting and unnecessary. We think a sideshow banner would be more appropriate or perhaps a scrolling banner, but would prefer to nix animation at all. We'd like to keep the current menu system however update it to a nice blue/white color scheme.
Information is key here. We need information to be accessible for the medical professional. Everything needs to be easy to locate so that people are wandering through endless information. By placing a large amount of our content on the main page we get rid of the need for useless navigation by the user. We aren't worried about making the page "content-heavy", as this site isn't geared towards your average "web-surfer". It is meant for people intended on viewing the site and accessing some of its information.
A clean look using clean looking colors (blue, grey, white) and typefaces (helvetica).
I understand the sites creator most likely wanted something professional and sophisticated, thought I think it is possible to achieve said look without sacrificing its visual appeal. The site is geared towards the professional because they are more heavily reliant on the quality of their health care. I think if the site maintained it current layout it wouldn't be so bad, but needs to be updated with a blue color scheme (it's a peaceful, sterile color which fits the theme of medicine) and a more Web 2.0 upgrade.
Text on the current site tends to run too long horizontally and needs to be more centered and compact (this is typography 101). The animation banner at the bottom is kind of distracting and unnecessary. We think a sideshow banner would be more appropriate or perhaps a scrolling banner, but would prefer to nix animation at all. We'd like to keep the current menu system however update it to a nice blue/white color scheme.
Information is key here. We need information to be accessible for the medical professional. Everything needs to be easy to locate so that people are wandering through endless information. By placing a large amount of our content on the main page we get rid of the need for useless navigation by the user. We aren't worried about making the page "content-heavy", as this site isn't geared towards your average "web-surfer". It is meant for people intended on viewing the site and accessing some of its information.
A clean look using clean looking colors (blue, grey, white) and typefaces (helvetica).
Minor Project 22
My partner and I will probably implement most of Kurg's guildlines.
The guildlines mostly deals with useability and these issues for the most part can be dealt with by testing items and bouncing ideas off one another. We will have to cater to Web users who are not like my partner and I, so we will test our ideas with parents, piers, etc. We will have to understand that there is no average web user and design the site so it is assessable to a broad demographic.
If there is a strong disagreement on a certain item we will have to talk it over extensively and analyze which will work better to reach the user and deliver the information. If one of the ideas does not prevail than we will have to seek a compromise.
The guildlines mostly deals with useability and these issues for the most part can be dealt with by testing items and bouncing ideas off one another. We will have to cater to Web users who are not like my partner and I, so we will test our ideas with parents, piers, etc. We will have to understand that there is no average web user and design the site so it is assessable to a broad demographic.
If there is a strong disagreement on a certain item we will have to talk it over extensively and analyze which will work better to reach the user and deliver the information. If one of the ideas does not prevail than we will have to seek a compromise.
Subscribe to:
Posts (Atom)