Web design - Revision history

Shawn at 16:59, 18 October 2014

2014-10-18T16:59:18Z

← Older revision		Revision as of 09:59, 18 October 2014
Line 11:		Line 11:
	*Their content fills the page, instead of those horrible fixed width multi-columns that are too narrow or too wide for many situations.		*Their content fills the page, instead of those horrible fixed width multi-columns that are too narrow or too wide for many situations.
	*They use black or blue text on a white background. They don't go to color conferences and decide that mauve on cherry is the new cool way to make a user work hard to read content.		*They use black or blue text on a white background. They don't go to color conferences and decide that mauve on cherry is the new cool way to make a user work hard to read content.

			==References==
			"Contrast(Minimum): Understanding SC 1.4.3" in "Understanding Web Content Accessibility Guidelines 2.0" by W3C. http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html


	[[Category:Internet]]		[[Category:Internet]]

Shawn at 16:14, 18 October 2014

2014-10-18T16:14:11Z

← Older revision		Revision as of 09:14, 18 October 2014
Line 3:		Line 3:
	===Readable text===		===Readable text===
	Grey text on white or black is not good. Text must either be high contrast in color or level. The most readable text is black on white, the next best is green on black, and then the worst is grey on grey. It's amazing how many people who call themselves "professional web designers" use grey on grey, and even get paid for it.		Grey text on white or black is not good. Text must either be high contrast in color or level. The most readable text is black on white, the next best is green on black, and then the worst is grey on grey. It's amazing how many people who call themselves "professional web designers" use grey on grey, and even get paid for it.

			See [[disturbing trend of low-contrast text]].

	See our [[gallery of unreadable text on web pages]].		See our [[gallery of unreadable text on web pages]].
Line 9:		Line 11:
	*Their content fills the page, instead of those horrible fixed width multi-columns that are too narrow or too wide for many situations.		*Their content fills the page, instead of those horrible fixed width multi-columns that are too narrow or too wide for many situations.
	*They use black or blue text on a white background. They don't go to color conferences and decide that mauve on cherry is the new cool way to make a user work hard to read content.		*They use black or blue text on a white background. They don't go to color conferences and decide that mauve on cherry is the new cool way to make a user work hard to read content.


	[[Category:Internet]]		[[Category:Internet]]

Shawn: Reverted edits by 12.91.6.234 (talk) to last revision by Shawn

2012-05-22T04:39:41Z

Reverted edits by 12.91.6.234 (talk) to last revision by Shawn

Can't load revision 2220

at 00:49, 22 May 2012

2012-05-22T00:49:35Z

aaHzOTyBYQuybirb

Can't load revision 2210

Shawn: Reverted edits by 128.171.80.83 (talk) to last revision by Shawn

2012-05-21T04:59:44Z

Reverted edits by 128.171.80.83 (talk) to last revision by Shawn

Can't load revision 2209

at 05:21, 20 May 2012

2012-05-20T05:21:40Z

zXKwvSWWJNdSbxhPAnB

Can't load revision 2207

Shawn: Reverted edits by 91.121.117.14 (talk) to last revision by Shawn

2012-05-20T02:19:58Z

Reverted edits by 91.121.117.14 (talk) to last revision by Shawn

Can't load revision 2202

at 14:18, 19 May 2012

2012-05-19T14:18:36Z

Undo revision 2124 by Shawn (talk)

Can't load revision 2198

Shawn at 00:04, 7 April 2012

2012-04-07T00:04:24Z

← Older revision		Revision as of 17:04, 6 April 2012
Line 4:		Line 4:
	Grey text on white or black is not good. Text must either be high contrast in color or level. The most readable text is black on white, the next best is green on black, and then the worst is grey on grey. It's amazing how many people who call themselves "professional web designers" use grey on grey, and even get paid for it.		Grey text on white or black is not good. Text must either be high contrast in color or level. The most readable text is black on white, the next best is green on black, and then the worst is grey on grey. It's amazing how many people who call themselves "professional web designers" use grey on grey, and even get paid for it.

			See our [[gallery of unreadable text on web pages]].
	===Myth that non-standard style leads to success===		===Myth that non-standard style leads to success===
	It's amazing to consider how the most popular sites on the internet don't bother with any of the stylistic trends. Facebook, Google, Wikipedia, Yahoo:		It's amazing to consider how the most popular sites on the internet don't bother with any of the stylistic trends. Facebook, Google, Wikipedia, Yahoo:

Shawn at 18:03, 7 December 2011

2011-12-07T18:03:54Z

← Older revision		Revision as of 11:03, 7 December 2011
Line 1:		Line 1:
	Once in 2011 I put out a request for pointers on how to improve the homepage at [http://energyteachers.org EnergyTeachers.org]. Some web designers said the existing look was very dated, and suggested a multi-column layout. I took an informal survey by looking at hundreds of web pages, and decided most pages are poorly designed, breaking many rules of readability and accessibility. It is not very inspiring to look to the web for examples for our site. Here I'll list some of the rules and egregious errors involved.		Once in 2011 I put out a request for pointers on how to improve the homepage at [http://energyteachers.org EnergyTeachers.org]. Some web designers said the existing look was very dated, and suggested a multi-column layout. I took an informal survey by looking at hundreds of web pages, and decided most pages are poorly designed, breaking many rules of readability and accessibility. It is not very inspiring to look to the web for examples for our site. Here I'll list some of the rules and egregious errors involved.
			[[File:Grey_Text_Designer.png\|360px\|thumb\|right\|A sad, ironic example of grey text devaluing important content]]
	===Readable text===		===Readable text===
	~~[[File:Grey_Text_Designer.png\|frame\|right\|A sad, ironic example of grey text devaluing important content]]~~Grey text on white or black is not good. Text must either be high contrast in color or level. The most readable text is black on white, the next best is green on black, and then the worst is grey on grey. It's amazing how many people who call themselves "professional web designers" use grey on grey, and even get paid for it.		Grey text on white or black is not good. Text must either be high contrast in color or level. The most readable text is black on white, the next best is green on black, and then the worst is grey on grey. It's amazing how many people who call themselves "professional web designers" use grey on grey, and even get paid for it.

	===Myth that non-standard style leads to success===		===Myth that non-standard style leads to success===