What is Digg?Sponsored by Realtor.com
Top 5 most ridiculous properties sold for a single dollar view!
realtor.com - Looking for a deal on your next home? What if you could pay a dollar? What if it was a MLB stadium or a university?!?!?
32 Comments
- memphysema, on 10/12/2007, -0/+33The CSS & HTML generated to do this is huge completely defeating the purpose of CSS all together!
Use a real image instead people. - Tippis, on 10/12/2007, -1/+28Ugliest. Hack. Ever.
17KB of CSS/HTML text-based garbage to do what could (and should) be done using a 300-byte GIF or 150-byte PNG. - appletalk, on 10/12/2007, -1/+15Worst. Digg story. Ever
- MioTheGreat, on 10/12/2007, -1/+8Eww. Jpeg? Use a gif or a png if your gradient has more than 255 steps.
- eyko, on 10/12/2007, -0/+6i'd rather do something like
body{
background: #finalcolorcode url(/path/to/gradient) repeat-x;
}
(you may add the 0 0 for x,y position if you feel it's neccesary)
And yes, a 1px wide by $height by far beats this ugly gradient hack, both aesthetically and in simplicity. - Tippis, on 10/12/2007, -0/+3Looking at the other demos on that site, my only guess is that they're trying to figure out what you can do with CSS, and CSS alone. So far, they seem sensible enough never to try to use it for anything but as a CSS exercise or thought experiment...
...but that could just be me projecting my hopes onto it all. :-/ - inactive, on 10/12/2007, -0/+3Man, I get your point, and I agree, but you should know better than to paste 255 lines of code, and then a ***** of blankspace as a comment. Just tell them to look at the source themselves.
- SeanEB, on 10/12/2007, -0/+3What a pointless solution to a problem that doesn't exist. Terrible.
- codenexus, on 10/12/2007, -0/+2Makes you wonder also what processing power is required for a browser to render either as well.
Hmm some smart uber guru should do a test comparison. I'm too stupid early in the morning to do that.
Note: Notice how I compliment and try and get someone else to do it because I'm too lazy...?
(Damn nobody will do it now. Me and my big mouth!) - tizz66, on 10/12/2007, -0/+2Buried as a waste of my time.
- appletalk, on 10/12/2007, -0/+1It's funny how the guy himself doesn't even use this 'technique', even though he has plenty of gradients.
http://www.designdetector.com/
What's the purpose of this ? I can't think of a single good use. - qureyoon, on 10/12/2007, -0/+1this is stupid one, just some stupid experiment with CSS, buried !
- flarn2006, on 10/12/2007, -0/+1Buried. This sucks!
- flarn2006, on 04/19/2008, -0/+1Buried just so I won't ever need to scroll past that long comment unless I specifically ask for it.
- absolin, on 10/12/2007, -0/+1fuzzboxer: BLOCKED. I checked your other comments and they are always lame and negative. "dupe!", "this guy is a dumbass", "lame, photoshopped".
Grow up, we don't care to read your idiotic comments, contribute something positive or beneficial for once. - inactive, on 10/12/2007, -0/+1Agree with everyone else, this is freaking useless. Look at the source code, it's absolutely laughably inefficient. An image would work a hundred times better.
- sachmanb, on 10/12/2007, -0/+1yah, when a png is less size than your html.....well it's called KISS people -- keep it simple stupid
- rayblasdel, on 10/12/2007, -0/+1If you visit the homepage, he uses graphics for the gradients.... they are 1000px by 200px. I think he forgot that CSS background has a repeat-x attribute. If you don't know how to use CSS correctly, then don't try and teach it.
- Rickard, on 10/12/2007, -0/+1Why in the world should we involve server side scripting in this? Just use a static image. It's faster and it puts less stress on the server.
- JRPereira, on 10/12/2007, -0/+1You could always cache the image along with a text file for its values and have it regenerate if you change the values and they don't match the text file. Not that I'm saying doing it in php is the best of ideas, but at least it would only generate the image once for every time it's changed, rather than every single time it's loaded.
- JRPereira, on 10/12/2007, -0/+1Buried as inaccurate due to the fact that it goes against one of the major reasons why we have css (less code). However, it's an interesting, if impractical solution to a problem which doesn't really exist.
- fuzzboxer, on 10/12/2007, -1/+1There is a CSS background image generator that is much easier to use than this. No digg.
- speede06, on 10/12/2007, -1/+1If I showed that to my boss he would laugh. That would never fly.
- subtile, on 10/12/2007, -1/+1crap like this got to front page? :/ my 1st comment ever just couldn't resist :/
- ronoot, on 06/02/2008, -0/+0A more useful gradient and pattern generator for use with CSS Backgrounds:
http://thom-patterson.com/toys3.php - joseph, on 10/12/2007, -1/+1Worst thing I've ever seen posted. I usually don't post to many comments, but the writer of this should be shot. Buried.
- ElMoselYEE, on 10/12/2007, -1/+1it'd be funny to see this page load on dial-up, seeing the yellow gradually turn into white, 1 pixel at a time.
and ya, this is stupid, but what's scary is no matter how stupid it is, someone will find this on google and use it on their site as truth, thus sculpting another ***** web developer that has no clue there is any other browser besides internet explorer.
this is not only useless, but it's harmful to the internet -- please get it off. - adragons, on 10/12/2007, -1/+1@Tippis
Yes but, stop whoring the term hack. - mahoneyt, on 10/12/2007, -2/+1It'd be easier to just have the PHP script generate a png and display that... The source looks really ugly the way it is.
- iGadget, on 10/12/2007, -1/+0what shall is use it for? i could do this easily on my own, but what for?!
- alteratti, on 10/12/2007, -4/+1exactly.
- CaseyUCF, on 10/12/2007, -16/+1wow this ***** is hideous
.right {text-align:right; height:auto;}#d1 {background-color:rgb(255,255,0)}
#d2 {background-color:rgb(255,255,1)}
#d3 {background-color:rgb(255,255,2)}
#d4 {background-color:rgb(255,255,3)}
#d5 {background-color:rgb(255,255,4)}
#d6 {background-color:rgb(255,255,5)}
#d7 {background-color:rgb(255,255,6)}
#d8 {background-color:rgb(255,255,7)}
#d9 {background-color:rgb(255,255,8)}
#d10 {background-color:rgb(255,255,9)}
#d11 {background-color:rgb(255,255,10)}
#d12 {background-color:rgb(255,255,11)}
#d13 {background-color:rgb(255,255,12)}
#d14 {background-color:rgb(255,255,13)}
#d15 {background-color:rgb(255,255,14)}
#d16 {background-color:rgb(255,255,15)}
#d17 {background-color:rgb(255,255,16)}
#d18 {background-color:rgb(255,255,17)}
#d19 {background-color:rgb(255,255,18)}
#d20 {background-color:rgb(255,255,19)}
#d21 {background-color:rgb(255,255,20)}
#d22 {background-color:rgb(255,255,21)}
#d23 {background-color:rgb(255,255,22)}
#d24 {background-color:rgb(255,255,23)}
#d25 {background-color:rgb(255,255,24)}
#d26 {background-color:rgb(255,255,25)}
#d27 {background-color:rgb(255,255,26)}
#d28 {background-color:rgb(255,255,27)}
#d29 {background-color:rgb(255,255,28)}
#d30 {background-color:rgb(255,255,29)}
#d31 {background-color:rgb(255,255,30)}
#d32 {background-color:rgb(255,255,31)}
#d33 {background-color:rgb(255,255,32)}
#d34 {background-color:rgb(255,255,33)}
#d35 {background-color:rgb(255,255,34)}
#d36 {background-color:rgb(255,255,35)}
#d37 {background-color:rgb(255,255,36)}
#d38 {background-color:rgb(255,255,37)}
#d39 {background-color:rgb(255,255,38)}
#d40 {background-color:rgb(255,255,39)}
#d41 {background-color:rgb(255,255,40)}
#d42 {background-color:rgb(255,255,41)}
#d43 {background-color:rgb(255,255,42)}
#d44 {background-color:rgb(255,255,43)}
#d45 {background-color:rgb(255,255,44)}
#d46 {background-color:rgb(255,255,45)}
#d47 {background-color:rgb(255,255,46)}
#d48 {background-color:rgb(255,255,47)}
#d49 {background-color:rgb(255,255,48)}
#d50 {background-color:rgb(255,255,49)}
#d51 {background-color:rgb(255,255,50)}
#d52 {background-color:rgb(255,255,51)}
#d53 {background-color:rgb(255,255,52)}
#d54 {background-color:rgb(255,255,53)}
#d55 {background-color:rgb(255,255,54)}
#d56 {background-color:rgb(255,255,55)}
#d57 {background-color:rgb(255,255,56)}
#d58 {background-color:rgb(255,255,57)}
#d59 {background-color:rgb(255,255,58)}
#d60 {background-color:rgb(255,255,59)}
#d61 {background-color:rgb(255,255,60)}
#d62 {background-color:rgb(255,255,61)}
#d63 {background-color:rgb(255,255,62)}
#d64 {background-color:rgb(255,255,63)}
#d65 {background-color:rgb(255,255,64)}
#d66 {background-color:rgb(255,255,65)}
#d67 {background-color:rgb(255,255,66)}
#d68 {background-color:rgb(255,255,67)}
#d69 {background-color:rgb(255,255,68)}
#d70 {background-color:rgb(255,255,69)}
#d71 {background-color:rgb(255,255,70)}
#d72 {background-color:rgb(255,255,71)}
#d73 {background-color:rgb(255,255,72)}
#d74 {background-color:rgb(255,255,73)}
#d75 {background-color:rgb(255,255,74)}
#d76 {background-color:rgb(255,255,75)}
#d77 {background-color:rgb(255,255,76)}
#d78 {background-color:rgb(255,255,77)}
#d79 {background-color:rgb(255,255,78)}
#d80 {background-color:rgb(255,255,79)}
#d81 {background-color:rgb(255,255,80)}
#d82 {background-color:rgb(255,255,81)}
#d83 {background-color:rgb(255,255,82)}
#d84 {background-color:rgb(255,255,83)}
#d85 {background-color:rgb(255,255,84)}
#d86 {background-color:rgb(255,255,85)}
#d87 {background-color:rgb(255,255,86)}
#d88 {background-color:rgb(255,255,87)}
#d89 {background-color:rgb(255,255,88)}
#d90 {background-color:rgb(255,255,89)}
#d91 {background-color:rgb(255,255,90)}
#d92 {background-color:rgb(255,255,91)}
#d93 {background-color:rgb(255,255,92)}
#d94 {background-color:rgb(255,255,93)}
#d95 {background-color:rgb(255,255,94)}
#d96 {background-color:rgb(255,255,95)}
#d97 {background-color:rgb(255,255,96)}
#d98 {background-color:rgb(255,255,97)}
#d99 {background-color:rgb(255,255,98)}
#d100 {background-color:rgb(255,255,99)}
#d101 {background-color:rgb(255,255,100)}
#d102 {background-color:rgb(255,255,101)}
#d103 {background-color:rgb(255,255,102)}
#d104 {background-color:rgb(255,255,103)}
#d105 {background-color:rgb(255,255,104)}
#d106 {background-color:rgb(255,255,105)}
#d107 {background-color:rgb(255,255,106)}
#d108 {background-color:rgb(255,255,107)}
#d109 {background-color:rgb(255,255,108)}
#d110 {background-color:rgb(255,255,109)}
#d111 {background-color:rgb(255,255,110)}
#d112 {background-color:rgb(255,255,111)}
#d113 {background-color:rgb(255,255,112)}
#d114 {background-color:rgb(255,255,113)}
#d115 {background-color:rgb(255,255,114)}
#d116 {background-color:rgb(255,255,115)}
#d117 {background-color:rgb(255,255,116)}
#d118 {background-color:rgb(255,255,117)}
#d119 {background-color:rgb(255,255,118)}
#d120 {background-color:rgb(255,255,119)}
#d121 {background-color:rgb(255,255,120)}
#d122 {background-color:rgb(255,255,121)}
#d123 {background-color:rgb(255,255,122)}
#d124 {background-color:rgb(255,255,123)}
#d125 {background-color:rgb(255,255,124)}
#d126 {background-color:rgb(255,255,125)}
#d127 {background-color:rgb(255,255,126)}
#d128 {background-color:rgb(255,255,127)}
#d129 {background-color:rgb(255,255,128)}
#d130 {background-color:rgb(255,255,129)}
#d131 {background-color:rgb(255,255,130)}
#d132 {background-color:rgb(255,255,131)}
#d133 {background-color:rgb(255,255,132)}
#d134 {background-color:rgb(255,255,133)}
#d135 {background-color:rgb(255,255,134)}
#d136 {background-color:rgb(255,255,135)}
#d137 {background-color:rgb(255,255,136)}
#d138 {background-color:rgb(255,255,137)}
#d139 {background-color:rgb(255,255,138)}
#d140 {background-color:rgb(255,255,139)}
#d141 {background-color:rgb(255,255,140)}
#d142 {background-color:rgb(255,255,141)}
#d143 {background-color:rgb(255,255,142)}
#d144 {background-color:rgb(255,255,143)}
#d145 {background-color:rgb(255,255,144)}
#d146 {background-color:rgb(255,255,145)}
#d147 {background-color:rgb(255,255,146)}
#d148 {background-color:rgb(255,255,147)}
#d149 {background-color:rgb(255,255,148)}
#d150 {background-color:rgb(255,255,149)}
#d151 {background-color:rgb(255,255,150)}
#d152 {background-color:rgb(255,255,151)}
#d153 {background-color:rgb(255,255,152)}
#d154 {background-color:rgb(255,255,153)}
#d155 {background-color:rgb(255,255,154)}
#d156 {background-color:rgb(255,255,155)}
#d157 {background-color:rgb(255,255,156)}
#d158 {background-color:rgb(255,255,157)}
#d159 {background-color:rgb(255,255,158)}
#d160 {background-color:rgb(255,255,159)}
#d161 {background-color:rgb(255,255,160)}
#d162 {background-color:rgb(255,255,161)}
#d163 {background-color:rgb(255,255,162)}
#d164 {background-color:rgb(255,255,163)}
#d165 {background-color:rgb(255,255,164)}
#d166 {background-color:rgb(255,255,165)}
#d167 {background-color:rgb(255,255,166)}
#d168 {background-color:rgb(255,255,167)}
#d169 {background-color:rgb(255,255,168)}
#d170 {background-color:rgb(255,255,169)}
#d171 {background-color:rgb(255,255,170)}
#d172 {background-color:rgb(255,255,171)}
#d173 {background-color:rgb(255,255,172)}
#d174 {background-color:rgb(255,255,173)}
#d175 {background-color:rgb(255,255,174)}
#d176 {background-color:rgb(255,255,175)}
#d177 {background-color:rgb(255,255,176)}
#d178 {background-color:rgb(255,255,177)}
#d179 {background-color:rgb(255,255,178)}
#d180 {background-color:rgb(255,255,179)}
#d181 {background-color:rgb(255,255,180)}
#d182 {background-color:rgb(255,255,181)}
#d183 {background-color:rgb(255,255,182)}
#d184 {background-color:rgb(255,255,183)}
#d185 {background-color:rgb(255,255,184)}
#d186 {background-color:rgb(255,255,185)}
#d187 {background-color:rgb(255,255,186)}
#d188 {background-color:rgb(255,255,187)}
#d189 {background-color:rgb(255,255,188)}
#d190 {background-color:rgb(255,255,189)}
#d191 {background-color:rgb(255,255,190)}
#d192 {background-color:rgb(255,255,191)}
#d193 {background-color:rgb(255,255,192)}
#d194 {background-color:rgb(255,255,193)}
#d195 {background-color:rgb(255,255,194)}
#d196 {background-color:rgb(255,255,195)}
#d197 {background-color:rgb(255,255,196)}
#d198 {background-color:rgb(255,255,197)}
#d199 {background-color:rgb(255,255,198)}
#d200 {background-color:rgb(255,255,199)}
#d201 {background-color:rgb(255,255,200)}
#d202 {background-color:rgb(255,255,201)}
#d203 {background-color:rgb(255,255,202)}
#d204 {background-color:rgb(255,255,203)}
#d205 {background-color:rgb(255,255,204)}
#d206 {background-color:rgb(255,255,205)}
#d207 {background-color:rgb(255,255,206)}
#d208 {background-color:rgb(255,255,207)}
#d209 {background-color:rgb(255,255,208)}
#d210 {background-color:rgb(255,255,209)}
#d211 {background-color:rgb(255,255,210)}
#d212 {background-color:rgb(255,255,211)}
#d213 {background-color:rgb(255,255,212)}
#d214 {background-color:rgb(255,255,213)}
#d215 {background-color:rgb(255,255,214)}
#d216 {background-color:rgb(255,255,215)}
#d217 {background-color:rgb(255,255,216)}
#d218 {background-color:rgb(255,255,217)}
#d219 {background-color:rgb(255,255,218)}
#d220 {background-color:rgb(255,255,219)}
#d221 {background-color:rgb(255,255,220)}
#d222 {background-color:rgb(255,255,221)}
#d223 {background-color:rgb(255,255,222)}
#d224 {background-color:rgb(255,255,223)}
#d225 {background-color:rgb(255,255,224)}
#d226 {background-color:rgb(255,255,225)}
#d227 {background-color:rgb(255,255,226)}
#d228 {background-color:rgb(255,255,227)}
#d229 {background-color:rgb(255,255,228)}
#d230 {background-color:rgb(255,255,229)}
#d231 {background-color:rgb(255,255,230)}
#d232 {background-color:rgb(255,255,231)}
#d233 {background-color:rgb(255,255,232)}
#d234 {background-color:rgb(255,255,233)}
#d235 {background-color:rgb(255,255,234)}
#d236 {background-color:rgb(255,255,235)}
#d237 {background-color:rgb(255,255,236)}
#d238 {background-color:rgb(255,255,237)}
#d239 {background-color:rgb(255,255,238)}
#d240 {background-color:rgb(255,255,239)}
#d241 {background-color:rgb(255,255,240)}
#d242 {background-color:rgb(255,255,241)}
#d243 {background-color:rgb(255,255,242)}
#d244 {background-color:rgb(255,255,243)}
#d245 {background-color:rgb(255,255,244)}
#d246 {background-color:rgb(255,255,245)}
#d247 {background-color:rgb(255,255,246)}
#d248 {background-color:rgb(255,255,247)}
#d249 {background-color:rgb(255,255,248)}
#d250 {background-color:rgb(255,255,249)}
#d251 {background-color:rgb(255,255,250)}
#d252 {background-color:rgb(255,255,251)}
#d253 {background-color:rgb(255,255,252)}
#d254 {background-color:rgb(255,255,253)}
#d255 {background-color:rgb(255,255,254)}
and this is just the CSS! the HTML wouldn't paste over.
Browsing Digg on your phone just got easier with our enhancements to the 
© Digg Inc. 2009
— Content created and posted by Digg users is