How to make Techious look better and easier to read

azcn2503 · Thu Mar 24, 2011 10:04 am

Just type this in to the address bar:

Code:

javascript:document.getElementsByTagName("body")[0].style.textShadow="#000 0px 2px 0px";return false;

Thank me later.

Lord Metritutus · Thu Mar 24, 2011 11:39 am

It doesn't seem to do anything for me.

azcn2503 · Thu Mar 24, 2011 12:10 pm

It may only work in Chrome.

Skillers · Thu Mar 24, 2011 12:38 pm

It puts a fairly awefull looking drop shadow on all the red text for me

azcn2503 · Thu Mar 24, 2011 1:01 pm

Makes it so much easier to read for me. On high resolutions (correction: lower dot pitch), the site is very hard to read (focus on text) because of the red on striped grey.

However if you want an awful drop shadow try this:

Code:

javascript:document.getElementsByTagName("body")[0].style.textShadow="#000 0px 2px 1px";return false;

Skillers · Thu Mar 24, 2011 1:22 pm

That's pretty bad.

You on that HD 15" laptop?

azcn2503 · Thu Mar 24, 2011 1:24 pm

I'm not at the moment, but I find the shadow effect makes it easier to read on all screens anyway, but especially on the laptop screen. You could try changing the 2px to 1px to see if it makes it look any better for you, but the 2px looks lovely.

Skillers · Thu Mar 24, 2011 1:48 pm

The 1px looks a lot better, the 2px had the shadows so far that you could see the centre of the os and stuff.

azcn2503 · Thu Mar 24, 2011 1:49 pm

That's quite interesting.

This looks nice:

Code:

javascript:_b=document.getElementsByTagName("body")[0];_b.style.textShadow="#000 0px 2px 0px";_b.style.fontFamily="sans-serif";return false;

Wynney · Thu Mar 24, 2011 2:17 pm

what is this witchcraft???

azcn2503 · Thu Mar 24, 2011 2:35 pm

OK this one is good too:

Code:

javascript:_all=document.getElementsByTagName("*");for(var i in _all){if(_all[i]){if(_all[i].style){_all[i].style.background="#fff";_all[i].style.border="0";_all[i].style.fontFamily="sans-serif";_all[i].style.textShadow="#ddd 0px 1px 0px";}if(_all[i].href){_all[i].style.color="#00f";}else{_all[i].style.color="#000";}}}

or

Code:

javascript:Object.prototype.getName=function(){var funcNameRegex=/function (.{1,})\(/;var results=(funcNameRegex).exec((this).constructor.toString());return(results&&results.length>1)?results[1]:"";};function go(){_all=document.getElementsByTagName("*");for(var i in _all){if(_all[i]){if(_all[i].style){_all[i].style.background="none";_all[i].style.border="0";_all[i].style.color="#000";_all[i].style.fontFamily="sans-serif";_all[i].style.textDecoration="none";_all[i].style.textAlign="left";_all[i].style.textShadow="#ddd 0px 1px 0px";}if(_all[i].className){if(_all[i].className=="gensmall"){_all[i].style.backgroundColor="#ddd";}}switch(_all[i].getName()){case "HTMLAnchorElement":_all[i].style.color="#00f";_all[i].style.textDecoration="underline";break;case "HTMLImageElement":_all[i].style.display="none";break;}}}}go();

Skillers · Thu Mar 24, 2011 3:46 pm

Those are both pretty bad tbh.

azcn2503 · Thu Mar 24, 2011 4:33 pm

OK how about this one

Code:

javascript:Object.prototype.getName=function(){var funcNameRegex=/function (.{1,})\(/;var results=(funcNameRegex).exec((this).constructor.toString());return(results&&results.length>1)?results[1]:"";};function go(){_all=document.getElementsByTagName("*");for(var i in _all){if(_all[i]){if(_all[i].style){_all[i].style.background="none";_all[i].style.border="0";_all[i].style.color="#fff";_all[i].style.fontFamily="sans-serif";_all[i].style.fontSize="12pt";_all[i].style.textDecoration="none";_all[i].style.textAlign="left";_all[i].style.textShadow="#000 0px 1px 0px";}if(_all[i].className){switch(_all[i].className){case "codecontent":_all[i].style.border="1px solid #fff";break;case "row1":_all[i].style.backgroundColor="#444";break;case "row2":_all[i].style.backgroundColor="#444";break;}}switch(_all[i].getName()){case "HTMLAnchorElement":_all[i].style.color="#08f";_all[i].style.textDecoration="underline";break;case "HTMLBodyElement":_all[i].style.backgroundColor="#000";break;case "HTMLImageElement":_all[i].style.display="none";break;case "HTMLInputElement":_all[i].style.border="1px solid #08f";_all[i].style.backgroundColor="#000";_all[i].style.padding="5px";break;case "HTMLTableElement":_all[i].style.borderSpacing="0";break;case "HTMLTableCellElement":_all[i].style.margin="0";_all[i].style.padding="10px";break;case "HTMLTextAreaElement":_all[i].style.border="1px solid #08f";_all[i].style.backgroundColor="#000";_all[i].style.padding="5px";break;}}}}go();

azcn2503 · Thu Mar 24, 2011 4:39 pm

I'll stop now.

But not before this!

Code:

javascript:Object.prototype.getName=function(){var funcNameRegex=/function (.{1,})\(/;var results=(funcNameRegex).exec((this).constructor.toString());return(results&&results.length>1)?results[1]:"";};function go(){_all=document.getElementsByTagName("*");for(var i in _all){if(_all[i]){if(_all[i].style){_all[i].style.fontFamily="sans-serif";_all[i].style.fontSize="9pt";_all[i].style.textAlign="left";}if(_all[i].id){switch(_all[i].id){case "wrapper":_all[i].style.background="#444";break;}}if(_all[i].className){switch(_all[i].className){case "row1":_all[i].style.background="#333";break;case "row2":_all[i].style.background="#333";break;}}switch(_all[i].getName()){case "HTMLBodyElement":_all[i].style.textShadow="#000 0px 1px 0px";break;}}}}go();

This one actually does look fine. It just makes all fonts the same size and removes transparent backgrounds, replacing them with dark greys. It puts the 1 pixel shadow on stuff. It looks OK. I'm going to use this now.

Lord Metritutus · Thu Mar 24, 2011 6:05 pm

That last one did something, made it look kind of retro amongst other things, and seemed to trim the borders on the left a little bit. And Si's stripey background is missing. NO weird shadows though.

Si · Thu Mar 24, 2011 6:26 pm

Aaron all of the shadow ones hurt my eyes, I can actually feel my eyes almost shaking left and right trying to find a point to focus on but failing to.

azcn2503 · Thu Mar 24, 2011 6:42 pm

That's madness, it feels so comfortable...

Skillers · Thu Mar 24, 2011 7:27 pm

The last one is the only one that looks good, IMO

Lord Metritutus · Thu Mar 24, 2011 7:32 pm

Heh, the weird shadow effects don't show up at all for me. Someone should take a screenshot.

Si · Thu Mar 24, 2011 9:14 pm

Lord Metritutus wrote:

Heh, the weird shadow effects don't show up at all for me. Someone should take a screenshot.

No, use a decent web browser that supports CSS3

Skillers · Thu Mar 31, 2011 8:20 pm

Found a new one that is much better (should be an epilepsy warning here, though):

Code:

javascript: function disco() {               var elements = document.getElementsByTagName('*');               for (var i = elements.length - 1; i >= 0; i--) {                        var r = Math.floor(Math.random()*256);                       var g = Math.floor(Math.random()*256);                       var b = Math.floor(Math.random()*256);                        elements[i].style.color = '#'+r.toString(16)+g.toString(16)+b.toString(16);                       var r = Math.floor(Math.random()*256);                       var g = Math.floor(Math.random()*256);                       var b = Math.floor(Math.random()*256);                       elements[i].style.backgroundColor = '#'+r.toString(16)+g.toString(16)+b.toString(16);               };               setTimeout(disco, 20);        }; disco();

azcn2503 · Thu Mar 31, 2011 8:44 pm

Update: runs a bit better if you put the var elements = document.getElementsByTagName('*'); outside of the function. Otherwise it has to scan the document every single time it loops.

Lord Metritutus · Thu Mar 31, 2011 8:58 pm

Now with Chrome: MY EYES MY BEAUTIFUL EYES!

How to make Techious look better and easier to read

Who is online