Muuwwwaaahhhhhhahaha it's Spooky time. So here is a fun post full of Ghoulish code (that will make you scream!) and some pumpkins I carved with friends, just because I wanted to share them with you and didn't want to write a separate post for them!
I hope you have a spooky fun day and this horrible code doesn't haunt you for too long!
Contents
HTML Horrors
I wish I could say you will only come across these once a year at Halloween, but these horrors lurk all year around!
Not suitable for people under the age of 18, rated R (for Rubbish!)
Apparently there are more than 7 levels of hell
<img src="../../../../../../../../../../../../../../../../../../../../../../../../assets/logo.bmp" />
A devilish divider
<center>-------------------------------------------</center>
A *Class*ic Scare!
<p class="hover:bg-light-blue-200
hover:text-light-blue-800
group
flex
items-center
rounded-md
bg-light-blue-100
text-light-blue-600
text-sm
font-medium
px-4
py-2">
Hi
</p>
Sorry, I had to have my normal dig!
Tonight, we dine in hell (at the table of tears)!
<table id="body">
<tr id="wrapper">
<td id="main">
<table id="row-wrapper">
<tr id="body_row">
<td id="body_left">
<table id="nav">
<tr href="home.html" onclick="nav()">Home</tr>
<tr href="about.html" onclick="nav()">About</tr>
<tr href="contact.html" onclick="nav()">Contact</tr>
</table>
</td>
<td id="body_main"></td>
<td id="body_aside"></td>
</tr>
</table>
</td>
</tr>
</table>
JavaCrypt
Oh you thought the HTML was bad, wait until you see these JavaScript atrocities!
People with a weak heart should turn away now.
There is no GOD
const allowed = {
'1': true,
'2': true,
'3': true,
'4': true,
'5': true,
'6': true,
'7': true,
'8': true,
'9': true,
'0': true,
'a': true,
'b': true,
'c': true,
'e': true,
'f': true,
'h': true,
'i': true,
'j': true,
'k': true,
'l': true,
'm': true,
'n': true,
'p': true,
'q': true,
'r': true,
's': true,
't': true,
'u': true,
'v': true,
'w': true,
'x': true,
'y': true,
'z': true
}
var isValidInput = function(key){
return allowed[key];
}
And the truth, shall set you free!
var helpers = {};
helpers.returnTrue = function() {
return true;
}
Can I help or are you just browsing?
var u = "Browser";
if (this.isIPad) {
u = "iPad"
} else {
if (this.isDDGIgnore) {
u = "Ignore"
} else {
if (/seamonkey/.test(x)) {
u = "SeaMonkey"
} else {
if (/iceape/.test(x)) {
u = "Iceape"
} else {
if (/palemoon/.test(x)) {
u = "PaleMoon"
} else {
if (this.isFirefox) {
u = "Firefox"
} else {
if (this.isAndroid) {
u = "Android"
} else {
if (/xbox/.test(x)) {
u = "xBox"
} else {
if (/midori/.test(x)) {
u = "Midori"
} else {
if (/opr/.test(x)) {
u = "Opera"
} else {
if (/maxthon/.test(x)) {
u = "Maxthon"
} else {
if (this.isYandex) {
u = "Yandex"
} else {
if (/vivaldi/.test(x)) {
u = "Vivaldi"
} else {
if (this.isChrome) {
u = "Chrome"
} else {
if (/fennec/.test(x)) {
u = "Fennec"
} else {
if (/epiphany/.test(x)) {
u = "Epiphany"
} else {
if (/uzbl/.test(x)) {
u = "Uzbl"
} else {
if (this.isEdge) {
u = "Edge"
} else {
if (this.isIE && navigator.platform === "Win64"
&& !k() && Modernizr.touch
&& document.documentElement.clientWidth == screen.width) {
u = "IEMetro"
} else {
if (this.isIE) {
u = "IE"
} else {
if (this.isOpera) {
u = "Opera"
} else {
if (this.isIPhone) {
u = "iPhone"
} else {
if (/arora/.test(x)) {
u = "Arora"
} else {
if (this.isSafari) {
u = "Safari"
} else {
if (this.isKonqueror) {
u = "Konqueror"
} else {
if (this.isBlackberry) {
u = "Blackberry"
} else {
if (/phantomjs/.test(x)) {
u = "PhantomJS"
} else {
if (this.isIDevice) {
u = "iOS"
}}}}}}}}}}}}}}}}}}}}}}}}}}}}
CSScooby Doo!
If people understood that the "C" in CSS meant "Cascading", we probably wouldn't have to deal with so much crappy CSS.
But I am not here to fix the world today, instead let's just marvel at some pretty horrible CSS ideas!
An Evil Editor!
OK so this one...might actually be useful? It feels so very wrong though!
A live CSS editor...that is pure CSS?
Only on halloween!
Jitter Bug!
Add this to any page and prepare for a world of pain!
*:hover{
zoom:99%;
}
Some pumpkin carvings to cheer you up!
As I have probably just scarred you for life, here are some pumpkins my friends and I carved last night, hopefully they take away some of the pain!
A few of the Pumpkins
One Eyed Willy from Goonies
Rocket from Guardians of the Galaxy
WE...ARE VENOM!
Happy Halloween!
Top comments (32)
H̸̢̢̦͓̖̜͕̺̥͙̖̺̜̞̘̠̜̉̏̍͗̒͊̃̃͒͒̌͊̿̏̆̑̒̊͘̚͜͜͝ͅą̵̼̬͚̩͕̣͇̱̘̪͍̹̙̯̣̯͎͉̪͔͇̆̈́́́̐̔́̿̋̆͒̆͊̇̓̆̅͗̋̂̉̊̑̅̿̇͋̕̕̚͜͠ĺ̴͍̰̳͉̔̅l̷͓̪̳͇͕̳̬̘͈̪̝̬̦̟̗͙͕̞͈̪̤̪̜̭̄̈́ơ̷̡̨̟͈̪̰̗͈̬̳̰̭̜̫̲̝̦̳̟̣̆͑̍͆̉̐͛́̂̎͐̓́̇̍̓̈̾̆̈́͊̿͋̾̓̅̓́̂͛͌̕͜͠ͅͅw̸̛̥͊͗͒͗̂̆̀͌͆̾̈́̔̾̾̉̈́͗̓͂̉̾̓̍͐̏̅̓̓́̇͑̚̕̚͘͘͝͝e̶͔̤̲̤̹̝̿͗̆̑̉̅͛̉͒̿̐̑͒́̎̊̂̀͊̚͠ͅe̵̡̢̛̤̝͔̻̟̞̲̳̪̟̜̟̬̥̩̙̺͓̗̘̳̟͔̪̤̬̠̗̮̩̯̰͚̩̠̱̪͆̋̂̑̂̆̀̅͋̽̾̓̋̃̆͆́̀͒̓͌̿̇́̉̍͛͐́̆̎͐̈́͗͘̚͜͠͝͝n̵̡̛̛̛̫̪͕̗̯̱̗͚̦͍͓͙̥͕͍̦̯̰̪̪̜͖͇͓̊͑͂̑̈̂͐̋̈̎̽͊̔̀̀́̅̅́̃̇̒͊̽͆̑̃̿͒́̍̓͘̚͘̚͝ ̷̧̢̧̢̛̬̠̗̰̺̞͉̘̺̱̲̖͙͍͎̞̖̯̞̝̲̣͉̳͍̼̤̜͉͉̖͓̿̉̈́̽͆̄̓́̄̾̊̅͐̓̓̈́̔̄͜͜͝͝͝;̴̧̧̜̺̲̳͖̼̳̤͎̝̳̥̲͖̱̠̝͖̻̠͂͋͆̓͛͋̐͋̐̐̈́́̆̆̍͆̿̀̔͂̄̔̊̽̂̉̎͗̊̎͊͆̓̆̍͐́̉̓̽̂̒̉͘̚̕͜͜͜͝ͅD̵̨̨̡̨̡̡̛̛͖̤̫̫̲͓̣̘̣̼̝̞̱̣̩̺̘̖̠̙͕̠̺̹̱͒̈̇̀̈͛͐̐͆̎͌̈́̋̀̀͛̉̃̎̒̌̍̊͜͜͠͝ͅ
Please don't ban me dev.to please! I'm begging you please!
👍 Zalgo likes this
🎃 Damn, I missed a trick not doing this in the post! Happy Halloween 🎃
Waiting for a 🎃 🎃 🎃 🎃 update..
🎃 Haha true!
Bet It would sound like playing a record backwards! 😜🤣 🎃
🎃 That is the biggest compliment you could give for an article like this. 🎃
And here's a PHP nightmare. Press F12 or Ctrl + Shift + I to see magic (After running the code in your own local server)
🎃 Clever, I just decoded online (3 times obviously for each "level") to view the code. 🎃
The Classic scare is not really scary for the new generation ...
🎃 Having just seen your Divtober tweet about the windy vs straight road...I was a little less tactful 😋! But yeah, some things that we find scary aren't scary anymore 🤣! 🎃
H̸̢̢̦͓̖̜͕̺̥͙̖̺̜̞̘̠̜̉̏̍͗̒͊̃̃͒͒̌͊̿̏̆̑̒̊͘̚͜͜͝ͅą̵̼̬͚̩͕̣͇̱̘̪͍̹̙̯̣̯͎͉̪͔͇̆̈́́́̐̔́̿̋̆͒̆͊̇̓̆̅͗̋̂̉̊̑̅̿̇͋̕̕̚͜͠ĺ̴͍̰̳͉̔̅l̷͓̪̳͇͕̳̬̘͈̪̝̬̦̟̗͙͕̞͈̪̤̪̜̭̄̈́ơ̷̡̨̟͈̪̰̗͈̬̳̰̭̜̫̲̝̦̳̟̣̆͑̍͆̉̐͛́̂̎͐̓́̇̍̓̈̾̆̈́͊̿͋̾̓̅̓́̂͛͌̕͜͠ͅͅw̸̛̥͊͗͒͗̂̆̀͌͆̾̈́̔̾̾̉̈́͗̓͂̉̾̓̍͐̏̅̓̓́̇͑̚̕̚͘͘͝͝e̶͔̤̲̤̹̝̿͗̆̑̉̅͛̉͒̿̐̑͒́̎̊̂̀͊̚͠ͅe̵̡̢̛̤̝͔̻̟̞̲̳̪̟̜̟̬̥̩̙̺͓̗̘̳̟͔̪̤̬̠̗̮̩̯̰͚̩̠̱̪͆̋̂̑̂̆̀̅͋̽̾̓̋̃̆͆́̀͒̓͌̿̇́̉̍͛͐́̆̎͐̈́͗͘̚͜͠͝͝n̵̡̛̛̛̫̪͕̗̯̱̗͚̦͍͓͙̥͕͍̦̯̰̪̪̜͖͇͓̊͑͂̑̈̂͐̋̈̎̽͊̔̀̀́̅̅́̃̇̒͊̽͆̑̃̿͒́̍̓͘̚͘̚͝ ̷̧̢̧̢̛̬̠̗̰̺̞͉̘̺̱̲̖͙͍͎̞̖̯̞̝̲̣͉̳͍̼̤̜͉͉̖͓̿̉̈́̽͆̄̓́̄̾̊̅͐̓̓̈́̔̄͜͜͝͝͝;̴̧̧̜̺̲̳͖̼̳̤͎̝̳̥̲͖̱̠̝͖̻̠͂͋͆̓͛͋̐͋̐̐̈́́̆̆̍͆̿̀̔͂̄̔̊̽̂̉̎͗̊̎͊͆̓̆̍͐́̉̓̽̂̒̉͘̚̕͜͜͜͝ͅD̵̨̨̡̨̡̡̛̛͖̤̫̫̲͓̣̘̣̼̝̞̱̣̩̺̘̖̠̙͕̠̺̹̱͒̈̇̀̈͛͐̐͆̎͌̈́̋̀̀͛̉̃̎̒̌̍̊͜͜͠͝ͅ
:-/
Share your Halloween pictures in the comments!
Any pumpkin carvings, your costume this year, other horrifying CSS, HTML and JS examples etc. etc.
🎃 I want to see your Halloween stuff! 🎃
A special thanks to HTMLhell and s**tcode for the inspiration / examples of horrible code!
And also Google engineers always get boiled their blood.
🎃 Thanks a lot, the share on Twitter was appreciated! 🎃
Oh, the horror, the horror …
🎃 Mwuahahahahaha! Hope it doesn't cause you too much trauma! 🎃
Lol, I’ve seen worse 😂
🎃 And that is the scariest thing I have heard this Halloween 🤣 🎃
Man you beat me to this post!
I'll post my version (which is only JavaScript) anyways
🎃 The early bird catches the worm! I look forward to it! 🎃
haha, great article!
Some of those are genuinely terrifying just to think about opening a project and looking at it lol Good one!
🎃 pretty sure if you opened one of my projects a similar horror would await you somewhere! Hehe 🎃
Love it!
is the Zoom thing only certain browsers? doesn't work in firefox from what I can tell
Yup, about the only place it doesn’t work, but you could use
transform: scale(0.98)for a similar effect!