A Story About <input>
-
In 2011, HTML4 only added type="button". My favourite part about it is that with no custom styles, an <input type="button"> and an <input type="button" value="Submit"> on the same line, do not align vertically on Chrome/Safari/Edge.
-
Better find some fire.
But then you'll end up burning yourself...
Well, I guess it's better to have an excuse...
Filed under: No idea why the house caught fire. I think it was the spiders?
-
I'm more concerned with the text in the submit button not being vertically centered.
-
Seen the article earlier yesterday (when Atwood tweeted it). Wasn't impressed.
Too much tell, not enough show. She pointed out a few problems, but nowhere near enough to justify the level of horror she's advertising.
-
Why does her blog have rainbow-flashing hyperlinks?
Or rather - why don't we?!
-
Didn't someone create a style that does that to the like button once?
I suck at CSS3 animations though.
Also, her portrait does it too. Yay for image filters!
-
Even your cat is a spider now. Better find some fire.
We've covered this before:
https://what.thedailywtf.com/t/the-bad-ideas-thread/254/9021?u=boomzilla
-
Why does her blog have rainbow-flashing hyperlinks?
Or rather - why don't we?!
Who cares about the hyperlinks. I want that random Unicode button!
-
Who cares about the hyperlinks. I want that random Unicode button!
Adding to servercooties tonight...
-
She pointed out a few problems, but nowhere near enough to justify the level of horror she's advertising.
What the fuck.
She's not "advertising a level of horror" (what does that EVEN MEAN!? "You are at horror level 8! AKA the hairy spiders level!" "Hey man, did you level-up your horror? What's your horror level at now?" "Nah, man I'm at 'slenderman' still.")
She's just pointing out that the INPUT tag is really, really, really badly designed. And also badly implemented.
-
Wanna add the rainbow links to the clown vomit mode as well while you're at it? :P
-
She's not "advertising a level of horror" (what does that EVEN MEAN!? "You are at horror level 8! AKA the hairy spiders level!"
Yes, she said, "it's literally just a jar of spiders, and the moment you open the jar, it's too late. You're covered in spiders. Even your cat is a spider now. Better find some fire."
That sounds like some pretty strong horror to me. But I'm not Australian.
-
Use the hamburger, young one.
-
> In 2011, HTML4 only added type="button"
...OK, with such a glaring misstatement that doesn't get the right year, decade, or milennia right on that, why should I read the rest of this article again?
-
She's just pointing out that the INPUT tag is really, really, really badly designed. And also badly implemented.
Remember that XHTML thing that everyone hated?
OK, do you remember that it spun off an entirely new specification for forms named XForms?
Do you remember how Ian Hixon and his WHATWG group hated XHTML so much that HTML5 dumped all of its changes and reverted to HTML4 with new tags?
-
...OK, with such a glaring misstatement that doesn't get the right year, decade, or milennia right on that, why should I read the rest of this article again?
I don't give a shit what you do.
Remember that XHTML thing that everyone hated?
OK, do you remember that it spun off an entirely new specification for forms named XForms?
Do you remember how Ian Hixon and his WHATWG group hated XHTML so much that HTML5 dumped all of its changes and reverted to HTML4 with new tags?
Yes.
And... so fucking what?
Why would you compose a post consisting only of questions? If you have some point to make, FUCKING MAKE IT. Dumbshit.
-
I don't give a shit what you do.
Why would you compose a post consisting only of questions? If you have some point to make, FUCKING MAKE IT. Dumbshit.
Getting mixed signals
Back on topic. I hate it when shit renders just a liiiitle bit off.
<img src="/uploads/default/original/3X/2/5/25f3bdaf28366d0990114723db12c681dbdef225.png" width="176" height="60"
-
Back on topic. I hate it when shit renders just a liiiitle bit off.
Filed under: FUCKING HELL FIREFOX, WHY IS EVERYTHING JUST ONE PIXEL OFF. EVERY FUCKING TIME?
-
WHY IS EVERYTHING JUST ONE PIXEL OFF
<style> * { transform: translate(1px,0px); } </style>
?
-
@Onyx said:
WHY IS EVERYTHING JUST ONE PIXEL OFF
<style> * { transform: translate(1px,0px); } </style>
?
ah, but it's not alway one pixel too high, sometimes it's too low, or to the right, or to the left.
and if you change the DOM it can flip from being too far to the right to being too far to the left!
-
Ah, but that's where the fun is!
Filed under: Now if only there was an easy way to randomly apply CSS to certain elements but not others...
-
Filed under: Now if only there was an easy way to randomly apply CSS to certain elements but not others...
with or without javascript?
-
Filed under: Now if only there was an easy way to randomly apply CSS to certain elements but not others...
$("*").css("transform", "translate(" + Math.round(Math.random() * 5 - 2) + "px,0px)");
Huh. That had some... unintended consequences:
-
She's just pointing out that the INPUT tag is really, really, really badly designed. And also badly implemented.
Yeah, it's pretty bad.
But compared to the quality of DOM API-s in general, it's not all that shocking as she's making it out to be.
-
Whatever could you be talking about?
Filed under: Looks fine to me!
-
seizure inducing likes
.like { transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; text-decoration: none; } .like:hover { -webkit-animation: zomg 0.5s infinite; -moz-animation: zomg 0.5s infinite; animation: zomg 0.5s infinite; } @-webkit-keyframes zomg { 0%, 100% { color: #7ccdea; } 16% { color: #0074D9; } 32% { color: #2ECC40; } 48% { color: #FFDC00; } 64% { color: #B10DC9; } 80% { color: #FF4136; } } @-moz-keyframes zomg { 0%, 100% { color: #7ccdea; } 16% { color: #0074D9; } 32% { color: #2ECC40; } 48% { color: #FFDC00; } 64% { color: #B10DC9; } 80% { color: #FF4136; } } @keyframes zomg { 0%, 100% { color: #7ccdea; } 16% { color: #0074D9; } 32% { color: #2ECC40; } 48% { color: #FFDC00; } 64% { color: #B10DC9; } 80% { color: #FF4136; } }
-
Huh. I must be , how do I apply this from the console?
I'm assuming I need some kind of extension?
-
Stylish or equivalent for your browser.
-
[stylish][1] is the standard for the folks here i think.
to apply it from the console:
``` $('body').append('<style>.like { transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; text-decoration: none; }.like:hover {
-webkit-animation: zomg 0.5s infinite;
-moz-animation: zomg 0.5s infinite;
animation: zomg 0.5s infinite;
}@-webkit-keyframes zomg {
0%, 100% { color: #7ccdea; }
16% { color: #0074D9; }
32% { color: #2ECC40; }
48% { color: #FFDC00; }
64% { color: #B10DC9; }
80% { color: #FF4136; }
}
@-moz-keyframes zomg {
0%, 100% { color: #7ccdea; }
16% { color: #0074D9; }
32% { color: #2ECC40; }
48% { color: #FFDC00; }
64% { color: #B10DC9; }
80% { color: #FF4136; }
}
@keyframes zomg {
0%, 100% { color: #7ccdea; }
16% { color: #0074D9; }
32% { color: #2ECC40; }
48% { color: #FFDC00; }
64% { color: #B10DC9; }
80% { color: #FF4136; }
}</style>')</details> [1]: https://userstyles.org/
-
Goddamn, get the fuck out of here to talk about your off-topic shit. There's a "reply in new topic" button RIGHT THERE YOU FUCKING APES!
-
Still no rainbow links. You lied to me!
-
Do people forget that spaces in HTML aren't ignored? 90% of my alignment issues are because of the spaces being compressed into a single space that offsets everything based on the font size.
-
Do people forget that spaces in HTML aren't ignored?
well.... that's the annoying part innit? they are ignored (kinda) where it's convenaint for the parser, and they are respected (also kinda) where it's inconvenant for the designer!
-
Yup, at this point I'm considering adding a keyboard shortcut that would type
into the currently focused window...
-
Yup, at this point I'm considering adding a keyboard shortcut that would type into the currently focused window...
autohotkey is your friend there sir!
-
You should have the menu shoot out Hamburgers
-
-
Colored hamburgers, then you can play Snood with DOM objects and the hamburger launcher.
-
-
is going on here?
-
-
Code blocks aren't preserved in quotations.
EDIT: And what @HardwareGeek said.
-
hrm, someone should file a bug report..
-
Won't go anywhere, quoting is Doing It Wrong™.
-
-
The blog only does the changing color bullshit when you mouse over the link, I'm surprised the "how seizure inducing can I make my machine?" lady wasn't suggesting not only doing it but so it was constant.
-
-
well.... that's the annoying part innit? they are ignored (kinda) where it's convenaint for the parser, and they are respected (also kinda) where it's inconvenant for the designer!
tyop tyop tyop tyop
-
the "how seizure inducing can I make my machine?" lady
They have a name, you know...
-
@locallunatic said:
the "how seizure inducing can I make my machine?" lady
They have a name, you know...The <abbr> with my descriptor didn't play nice with a mention, so I chose description instead.
EDIT: added quote