Update: November Website Galleries’s Alexa rankings are available now.

Last month, I have started compiling a list of Website Galleries/Showcases and their Alexa rankings. Thanks to all of you who left comments with links to galleries that I’ve missed. Today, I would like to provide you with another list of 94, 137, 140 Website Galleries and their updated Alexa Rankings.

NOTE: Hover over the Gallery’s Name to view previous month’s ranking.

1	CSS Mania	8,621
2	CSS Zen Garden	12,245
3	CSS Beauty	14,041
4	CSS Remix	17,394
5	Open Designs	19,631
6	Web Creme	20,045
7	CSS Drive	20,583
8	Stylegala	21,716
9	Best Web Gallery	27,144
10	Web2null	28,662
11	CSS Vault	31,710
12	Feed My App	38,328
13	Fave Up	41,018
14	Mini Ajax	41,560
15	CSS Elite	42,193
16	Css Showcase	42,477
17	The Best Designs	50,736
18	Unmatched Style	51,310
19	Screenalicious	52,525
20	W3C Sites	53,681
21	Screen Fluent	54,168
22	Freesheezy	60,058
23	Design Shack	63,413
24	Web Digity	64,643
25	CSS Import	67,423
26	CSS Based	68,428
27	CSS Heaven	72,122
28	Apps Mania	97,716
29	CSS Clip	103,694
30	CSS Reboot	104,081
31	God Bit	113,275
32	WP Board	133,133
33	We Love WP	134,366
34	CSS Website	135,473
35	Daily Slurp	136,335
36	CSS Tux	148,429
37	Light on Dark	149,623
38	Dark Eye	160,482
39	CSS Collection	166,410
40	CSS Impress	173,251
41	CSS Glance	177,086
42	CSS Liquid	185,612
43	We Love TXP	188,991
44	css20	193,685
45	Style Crunch	195,441
46	CSS Nature	200,584
47	Website Gallery	204,689
48	CSS Fill	208,828
49	Inspiration King	225,576
50	CSS Hazard	228,026
51	Visual Safe	230,782
52	CSS Leak	238,105
53	CeeSeS	248,318
54	CSS Design Yorkshire	248,468
55	Design Charts	264,645
56	CSS Gallery	273,061
57	Full Single	281,879
58	Design By Grid	288,103
59	Splench	298,390
60	CSS Princess	300,055
61	3w CSS Website	311,747
62	CSS Dump	324,892
63	Word Press Garden	328,727
64	Creative Pakistan	328,774
65	CSS Container	329,182
66	Relogo Design	331,860
67	Art Netz	340,163
68	Css Sevban	353,192
69	CSS Blast	362,959
70	Style Contest	369,588
71	Web Test	377,851
72	Web Test	377,851
73	Lookom	378,318
74	Epreo	384,166
75	Perfection	393,637
76	CssGalerie	398,646
77	CSS Galerie	407,418
78	Cool Site Collection	408,102
79	Moderni Web	412,970
80	CSS Coo Site	424,088
81	Piepmatzel	449,476
82	CSS Exchange	458,364
83	Apps Pakistan	467,006
84	Portfolio Base	471,596
85	CSS Love	474,206
86	CSS Flavor	477,202
87	CSS Cool	494,644
88	Naj Disajn	498,071
89	EduStyle	502,390
90	CSS 11	505,757
91	brdcast	514,345
92	Horizontal Way	515,722
93	ExploreWeb2	522,885
94	Net Cocktail	525,534
95	Church Beauty	575,661
96	Submit CSS	584,774
97	ALA Brazil	602,501
98	One Pixel Army	605,865
99	CSS Galaxy	616,144
100	iBlog	623,154
101	CSS Showcase	631,256
102	App Junkie	643,952
103	Plastic Pilots	654,168
104	CSS Galerie	694,548
105	Italian Web Gallery	697,875
106	Cssgallery	702,785
107	Well Done Sites	728,348
108	CSS Smooth Operator	791,177
109	Webdesign Inspiration	836,314
110	Design Css	839,590
111	Refresh	842,976
112	Style The Web	843,636
113	Net Culture	847,045
114	CSS Artillery	852,385
115	Standards Reboot	903,552
116	Easy Share	913,041
117	Designs Creme	937,878
118	CSS Hardcore	974,363
119	Joomla Beauty	979,962
120	Only Wii	999,321
121	Showcase GR	999,982
122	Css Ocean	1,005,479
123	CSS Burst	1,029,537
124	Web Gallery	1,035,559
125	Genuine Style	1,060,874
126	Wake Up Gallery	1,102,577
127	4EFX	1,117,428
128	Absorb	1,148,599
129	Sig Share	1,219,249
130	CSS Blue	1,221,262
131	CSS Inspirace	1,247,869
132	My Virb	1,441,872
133	Design Beauty	1,453,588
134	Defrost	1,541,185
135	CSS Demo	1,549,632
136	Web Design Awards	1,599,202
137	CSS Pinoy	1,611,109
138	Web Galerie	1,736,258
139	Host Pattern	2,515,566
140	Carted Up	5,393,601

Please leave me a comment with links to other website galleries that I may have missed. Your comments are appreciated.

UPDATE (10/30/07): 3 new galleries have been added to the list of the website galleries above – cssartillery.com (rank – 852,385), designcharts.com (rank – 264,645), and cartedup.com (rank – 5,393,601).

I have been trying to find a solution for the pre tag formatting problem for a couple of days, and finally I have one. Hurray!!! Here is a quick rundown…

While I’ve been working on customizing Joomla CMS, I’ve ran into formatting problem with the pre tags and that was driving me batty. All of my areas contained within the pre tags were formatted without whitespaces and everything was bunched together. For example,

body {
font-size:62.5%;
margin:0;
padding:0;
}

was displayed as:

body {
font-size:62.5%;
margin:0;
padding:0;
}

In attempt to solve this problem, I have searched and searched and searched all types of resources (google, tinyMCE forums, etc.), and I found nothing, nada, zilch. There were several other people who have experienced the same problem in the past, and hopefully, this post will help some of them in the future.

First of all, I’ve noted and applied several suggestions on the tinyMCE forum (“ensure that pre tag is included in the extended_valid_elements array in the tinymce.js and tinymc_src.js files” was one of them), but that didn’t fix the formatting issue in my case. So then I turned to my stylesheets and have discovered a declaration that went like this:

pre { white-space:normal; }

And the light when ON. I then have changed it to this:

pre { white-space: pre; }

And that has solved my pre tag formatting problem. Mmm, I feel content.

Note to self – check the most obvious first. (But then again, how do I know what the most obvious is?!?)

I suppose most of the people in Web Development world have heard about recent Target’s debacle with their website. For those who haven’t heard it, “a federal judge in San Francisco ruled Wednesday that a lawsuit filed against Minneapolis-based Target Corp. by the National Federation of the Blind (NFB) regarding the accessibility of the retailer’s Web site can move forward.” It has gained a Class action status. Read more.

In this post I will try to explain what is wrong with Target’s website in my opinion.

1. No Doctype. The website doesn’t have any kind of DOCTYPE declared. It is very important to place an appropriate doctype to ensure that web documents render and function properly in all compliant browsers. Read more about Doctypes

   

2. No Alt Tags (or so it seems). When user hovers over an image, normally a brief image description should appear within 5 seconds or so. For Target’s site it works in Internet Explorer 6, doesn’t work in Firefox, and partially works in Opera (opera shows address of a page).

   

   If you look at the source code there are alt tags for those navigation item. Note that majority of the navigational items are area maps.

   

3. No navigation available when images are disabled. Take a look at the snapshot of a front page below.

   

4. For the low vision visitors, it is NOT possible to increase the font size on this site! The reason is – the whole navigation system on Target’s website is comprised of IMAGES!
5. Here is a snapshot of a Screen Reader output (I used Fangs Extension for Firefox)

   

6. CSS does not validate. Some of the errors I would attribute to sloppy coding, for example: “.browse-leaf-addtocart-bottom {margin-bottom: 0 px}” – should be margin-bottom:0px; and “.whiteBackgroundColor { bgcolor:#fffff}” – should be background-color:#fff. HTML does not validate as well.

Anyways, those are just my thoughts on why Target’s website has created so much outrage among the disabled users.

Author: Dan Cederholm
Pages: 250
Publisher: New Riders Press (July 28, 2005)
ISBN: 0321346939
Amazon Sales Rank: #116,315 in Books

A couple of days ago I finished reading the book Bulletproof Web Design by Dan Cederholm, which turned out to be a gem that I will keep on my bookshelf. Even though this book is a bit on the slim side, it is packed with lots of great tips and tricks that need to be utilized more often. I just could not help myself while I was reading this book – I kept thinking that this book should be read especially by those people who still refuse to use CSS for website layout and prefer Tables.

This book is written in a concise and easy to understand language. It is laid out in a consistent manner. Each chapter starts out with one particular example, and then explains why this way is not as efficient, accessible, or bulletproof. After that, it goes into detailed explanation of how to recode it in a better way. Each chapter ends with a summary of covered material and several important bullet points to remember. The illustrations used in this book range from page close-ups to different 3D views of page elements. All of those seemingly simple aspects make this book better and a must have for a web developer.

Here is a list of reviews written by others from around the world.

1. Review by Haacked
2. Review by 456 Berea Street
3. Review by Nate Klaiber
4. Review by Wait till I come!
5. Review by Man vs. Machine
6. Review by Adam on Life
7. Review by Logoblog
8. Review by Design Notes
9. Review by Space Ninja
10. Review by PC Book Review
11. Review by Shiva
12. Review by Visual Gui
13. Review by nimbupani
14. Review by High Browse Online
15. Review by Mac the Web
16. Review by Cornerstone Coding