If you are new here then you might not have seen that I like to abuse the internet...and for those of you who know my shenanigans...you know what i...
For further actions, you may consider blocking this person and/or reporting abuse
@afif I summon you to work your CSS magic.
I have seen what you can do with one element, technically with this technique you have two elements to work with
html
andbody
!!See if you can do something better than my butchered job bud!
some responsive and better formatted text : jsfiddle.net/zae3h50y/3/ 😉
Thanks, used in the fiddle below, I knew summoning the CSS guru was a good idea, saved me about 20 minutes working out what I can and can't do with
:before
and:after
placement wise!!!!p.s. if you can't access the page and or don't have FireFox, here is what the page should look like:
Big thanks to @afif for his CSS powers once again to make this example better, what takes him 20 seconds would take me 20 minutes! ❤
I thought you said no css...so unimpressive tsk
Didn't have enough space in the title to say "no CSS in the network request tab" so it wasn't a false title sadly 😥, I try my best to write "clickbaity" titles that turn out to be true!
Still a fun one to get your head around in Firefox as it looks like magic for a second or two!
Sorry to be the source of "much disappoint" 🤣
Aside your impressive demo - that fiddle looks hilarious on a mobile screen
Yeah I got @afif to fiddle it as he is my go to CSS guru! But he didn't spot the mobile screen doesn't work and I thought it hilarious, so I left it as I love the idea of a 3:27 screen ratio laptop!
The main example, although not responsive, should look a lot more normal even if you make your browser mobile sized!
The mobile version does work. It was my intention to squish the laptop and make it smaller on mobile devices.
My apologies then, I thought it was an unintended and funny accident!
Have you tried pitching that to the fruit company? That's an iPhone I would buy.
The truth:
I should have called the file
shhhh-dont-give-spoilers.css
Instead of justshh
😜Awesome! I use Firefox Incognito to open new/unknown links (cache disabled by default) so initially didn't get what it's about 😆 but glad to learn about developer.mozilla.org/en-US/docs/W... from the comments.
I'll just post this link:
developer.mozilla.org/en-US/docs/W...
And this looks funny when load page like that.
inhu.co/demos/no-byte-website/shh.css
I just realised this was a "unicorn comment", 3 comments in 3 years and I got one of them on one of my silly meme posts!
I feel honoured 😋
I mostly read the article and rearly comment.
Spoilers again! 😋😂
@ryansolid I hope you don't mind the "tongue-in-cheek" use of your blog title! 😋
All good. My title wasn't serious either.
In any case nice demo as I haven't seen this used in the wild very much. For some reason I thought this was implemented in Chrome already too. Neat trick!
Oh nobody should use this in the wild - it is kind of a recurring theme with my posts at the moment...."here is something interesting....don't ever use it!" 😋🤣
I don't think you used stenography though
Thank you, it was a typo, it is steganography - I do it every time!
Although you have to admit that if someone would find a way to encode a ping pong game by using word shorthands on a typewriter that would blow everyone's mind simultaneously.
In the famous words of Barney...”challenge....accepted!” 😜🤣
my nightmare comes true
hehe, enjoyed seeing the comments you made unfold in my notifications feed! 😋
omg it works
:(
I am kinda scared (no js)
Hats off to you! This series just keep getting better!
Yeah the problem is where we go from here......😉
Thank you very much, I am glad you are enjoying it!
Tbf I find your "abuse" of the web way more harmless than the js framework abominations :)
No no I won't bite. I will not get on my soap box and start preaching about frameworks being over used and abused......no I must not....arrrrggghhhh 🤣
Took all of 1 minute to figure it out... developer.mozilla.org/en-US/docs/W...
Spoilers Jon!
Plus some of us aren’t as quick as you (points at self) 😜
I hope it did at least make you smile even if it didn’t challenge you!
I'll lose sleep over this🤣🤣🤣
Don't worry, there is nothing there so how can it possibly hurt you? 🤣🤣😋
You maybe are insane
🤣🤣
I 👀 what you did there...
shh 🤫, don't tell anyone my dirty little secrets 🤣😋.
Glad you sussed it out though, took me longer than I like to admit to work it out!
Such a shame it doesn't work everywhere, I could really abuse it then!
@pandaquests loved your CSS "one div" macbook! I hope you don't mind that I butchered it for this demonstration! 🤣