»

[fabuloso]

These types of threads pop up a lot, so, I have decided to inform some of you of what is what in the world of what we call, e-commerce!

Understanding the Web as a Medium

Television is a medium. Print is a medium. Radio is a medium.

The web is also a medium. As an interactive information medium, the beauty of the web is it can do this instantaneously, globally, and to a variety of devices (a.k.a. user agents) like web browsers, iPhones, Nintendo Wiis, as well as assistive technology for the disabled such as screen readers.

Related Reading...

Understanding Web Design - Jeffrey Zeldman - A List Apart

What Makes a Web Page?

There are three standards at work on any given web page.

• HTML (Hyper-Text Markup Language)
  HTML is a markup language (it's right in the name). To "mark something up" is to give it semantic and structural meaning. Markup is used to show relationships between items of content and describe that content.
  
  When writing HTML don't think about "what do I want this to look like" - think about "what does this mean." This is what people mean by "semantics."
  
  
• CSS (Cascading Style Sheets)
  CSS is a presentational language. It is used to alter the visual (and aural and printed) appearance of a web page. Fonts, colors, borders, padding, margins, layout, positioning - these are all handled by CSS.
  
  People used to use HTML tables to lay out web pages. This practice is out of date and frowned upon by the professional web development community. CSS was introduced in 1996 to provide web designers a way to make their websites look attractive.
  
  Due to browser limitations, it wasn't until the first years of the 21st century when we were able to use it more-or-less as it was intended! In other words, there has been no excuse to use a table-based layout for at least 5 years.
  
  
• DOM (Document Object Model)
  The DOM is a bit more involved and confusing for beginners (and applies to more than just HTML). The DOM provides pathways and hierarchies for scripting languages (JavaScript, usually) to manipulate the structure and content of a document.

If you can imagine an HTML document as a nested tree, then you have an understanding of the DOM. Don't worry too much about it until you understand the first two.


Related Reading...

• HTML Beginner Tutorial - HTML Dog
• CSS Beginner Tutorial - HTML Dog
• Developing with Web Standards - Roger Johansson - 456 Berea Street

----------------------------------
----------------------------------

Helpfull Sites:
Test your web design in different browsers - Browsershots
Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server here.

— Modern browser bugs explained in detail!
Describes and demonstrates some of the bugs found in web browsers, and to show advanced CSS methods that work across all browsers.

Veerle's blog 2.0 - Webdesign - XHTML CSS | Graphic Design
A personal online journal source for topics ranging from XHTML/CSS to graphic design tips.

COLOURlovers :: Color Trends + Palettes
COLOURlovers™ is a resource that monitors and influences color trends. COLOURlovers gives the people who use color - whether for ad campaigns, product design, or in architectural specification - a place to check out a world of color, compare color palettes, submit news and comments, and read color related articles and interviews.

learn web standards :: css positioning
In this guide we'll learn about how to position elements using CSS, and clear away a lot of the fog that surrounds the idea of a layer.

css Zen Garden: The Beauty in CSS Design
CSS demonstrations of what can be accomplished visually through CSS-based design. Select any style sheet from the list to load it into this page.

css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers
Step by step tutorials on using CSS to create background image lists, rollover lists, nested lists and horizontal lists.

Web Developer's Handbook | CSS, Web Development, Color Tools, SEO, Usability etc.

http://960.gs/
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

[notserp007]

Great list, I'm going to use those color scheme generators.

Also another great site for web tutorials:
http://www.w3schools.com

[Dark_Itachi]

Thanks dude

[louai]

Very helpfull thnx you very very

[-Sя.נσкєя]

Very helpful links. Thanks.

[Dr-Chambers]

Nice list!

That unleash the fire graphic design is off the hook...Damn!

[fabuloso]

updated.

[jacqueseries]

thanks 4 d info!