« first day (1724 days earlier)      last day (2064 days later) » 

06:48
0
A: Css background-color: none;

Samiksha JagtapAdd following lines to your css .ladda-button[disabled] .ladda-button[disabled]:hover { background-color: rgba(0, 0, 255, 0) !important } here, give background color which you want. I have given transperent.

I was about to ask why they didn't just use the transparent keyword, but then I realized it's probably because they don't know how to spell it
FYI, it's spelled "transparent", in case you used rgba() simply because you didn't know how to spell it correctly (which is fair, it's not the easiest word to spell). Still there really is no reason to use !important. — BoltClock ♦ 16 secs ago
07:37
What's even weirder also weird is that with some opacity it wouldn't be black it would be blue
08:12
Exactly. It's so... arbitrary
This used to be necessary when gradients didn't interpolate between colors and transparent correctly
But, of course, this isn't even a gradient
08:28
That's what I was trying to think is if he would be using some transition or something along those lines
I could see if I needed it to go from blue to transparent gradually as the scrollTop goes from 0 to 100 or something, but obviously then I would just take the element itself and make the opacity go from 0 to 1, and I highly doubt he was doing anything along those lines.
08:43
I have a text. Within that text there are spans. For example: "Lorem Ipsum <span> Cumulus </span> Inuertia". That span belongs to a class and has a specific height and width. That span appears too far up in the text. How do I move it down a bit? Top-margin does affect the whole line, not just the span. Any ideas?
Here is an example: The span (the block) should move down a bit.
09:05
How is the block made?
Found the solution: vertical-align: -20%
@Metaphysiker Take a look and consider keyword values as well, they may attribute more consistent results: developer.mozilla.org/en-US/docs/Web/CSS/vertical-align
@UncaughtTypeError Thank you, very helpful
 
3 hours later…
12:09
hi guys
can someone test this for me in Chrome?
window.addEventListener("keypress", (e) => {alert(e.key)})
it's like the event doesn't exist or something
and it should
@Neoares Works in Chrome/Win 63.0.3239.132
yea, my fault
I was testing with escape and arrow keys
it seems that I have to use keydown for that
> The keypress event is fired when a key that produces a character value is pressed down. Examples of keys that produce a character value are alphabetic, numeric, and punctuation keys.
but in firefox, keypress also detects the arrow keys so... TIL
@BoltClock thank you anyway! :D
 
3 hours later…
15:14
@TylerH Well I'm not happy with the fact that prism.js requires a declaration block for a selector to highlight as a selector. I know that lone selectors are syntax errors in the context of a stylesheet, but still...
15:39
@BoltClock I miss those simple days
15:59
I got 3 distributed upvotes today :O
what is going on
@BoltClock I'm not familiar with prism.js
prismjs.com
16:18
@BoltClock You're saying declaration block as opposed to like, inline highlighting
?
@TylerH selector {declarations}
Without the {} bit, selector won't highlight as a selector
ah
can't you just do {} without putting anything in it, though?
Seems a small price to pay
Also
@TylerH I can, but in the context of CSS it's just ugly, and outside of CSS it straight up doesn't belong
I worked around it by adding this to my site's JS:
Prism.languages.css.selector.pattern = /[^{}\s][^{}]*(?=\s*$|\s*\{)/;
Basically a modification of the original regex but with a \s*$ added to the lookahead
16:37
You can do anything with regex, including breaking regex
16:50
My site is in need of a... proper layout
Not a grid system, just something that feels more structured
And something that doesn't make the content semi-readable against the background
I don't have the prototype of that one layout that ended up getting cut anymore but I might consider bringing it back
So what you're saying is that you're going to learn flexbox?
If I do, I'll throw it out figure out how to GD for older versions of IE because I have too much time on my hands
only IE11 though
17:09
Seriously I'm still utterly lost as to browser support for flexbox
Is the current standard even stable yet
What if I don't want to pollute my CSS with any of the legacy properties
Looks like it's been stable for at least a number of years
Not sure which of these are errata and which of these are breaking changes w3.org/TR/css-flexbox-1/#changes
17:42
@BoltClock yes it's been for a while
oh, sniped
@BoltClock easiest thing to do is probably pull that up and then go look at Chris Coyier's flexbox article/guide to see what's changed
I don't think he has updated his
> Chris Coyier
CSS-Tricks
oh my god I just visited CSS Tricks for the first time in like a year
he ruined the layout of the site
Just opened it
the home page
there's a mainbar but it's on the side now
17:44
I can't even scroll down to see all the mainbar icons and their text
probably the MDN guide for flexbox is better, looking at the state of css tricks
What a ridiculously out-of-context title and out-of-context tweet
this is the internet
everything is out of context
Even with context, I still don't understand the premise
If the CSS and JS are targeting the same element by nature, then having them target separate attributes is just unnecessary duplication
If they have separate concerns, and just happen to target the same elements by coincidence, then yeah whatever the elements just happen to have the same two attributes
Unless that's what they mean, in which case yeah fine
The part about using a data attribute over a class name still confuses me
Do these people not know an element can have more than one class?
Yeah it does all smell a little iffy
@chiptus @jewlofthelotus The main problem is that you use classes to style elements and your HTML element may change classes (design desitions). If you have JS code bound to that, you will break your code. So use data-attributes and keep classes just for styling
Worried about name clashes? Namespace your class names
Data-attributes can clash too
"keep classes just for styling" is a silly, arbitrary and totally unnecessary self-inflicted headache
476
A: Can I use non existing CSS classes?

BoltClock"CSS class" is a misnomer; class is an attribute (or a property, in terms of scripting) that you assign to HTML elements. In other words, you declare classes in HTML, not CSS, so in your case the "target" class does in fact exist on those specific elements, and your markup is perfectly valid as i...

Maybe I should write an article called "How I stopped worrying and learned to use the class attribute for everything" or something
But that would be equally hyperbolic, because data-attributes do have their place
18:02
You could just write an article debunking the "keep classes just for styling" arbitration
Hmm how does it go
Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb, more commonly known as Dr. Strangelove, is a 1964 political satire black comedy film that satirizes the Cold War fears of a nuclear conflict between the Soviet Union and the United States. The film was directed, produced, and co-written by Stanley Kubrick, stars Peter Sellers and George C. Scott, and features Sterling Hayden, Keenan Wynn, and Slim Pickens. Production took place in the United Kingdom. The film is loosely based on Peter George's thriller novel Red Alert (1958). The story concerns an unhinged United States Air Force...
"Learned to Stop Worrying"? :/
I guess it does make sense kinda
I have to learn to stop worrying because I don't quite know how to
posted on January 18, 2018 by CommitStrip

"How I learned to stop worrying and use classes for more than just styling"
nah
"[...] more than just CSS"
nah
Now I wish I'd discovered this earlier so I could have posted that instead of this whitespace in selectors thing that most people probably wouldn't care about
err the selectors thing not the /r/gaming thing
I could just unpublish it, and start writing, and tweet it out tomorrow or something (it's 2am Friday rn)
It's not like many people see my tweets anyway
Worth the gamble @TylerH? (if I could call it that - what am I gambling for again?)
18:17
Well one of the rules of social media is 'do not repost'
but it's up to you
Ah yes, the idea of unpublishing something I put out on Thursday in favor of something potentially far more interesting at a time when it's no longer Thursday in some parts of the world (namely, mine)
Because I was hoping to put something out once every Thursday this month at the very least
Besides, I wrote this in a hurry and I really don't like the way it's turned out
Hey, reality doesn't abide by a schedule
if something pressing comes up, write on it
you could just publish two posts
I could, but I don't know if I should give the one I published at least a day before putting out the other
@TylerH you're right though, this is something I needed to hear, for a long time
I deleted the tweet already, reposting at this juncture would just be embarrassing even if no one will notice
But I'm leaving my post published, since having a first CSS selectors post be about such a minor issue shows that I care about the little things
probably
@TylerH "How I learned to start worrying and screwing up my social media"
18:33
heh
I'LL REPOST NO ONE WILL NOTICE BUT YOU
I will tell the world
@TylerH I mean I kinda did by spelling it all out in this chat room
Sniped again
ugh, my portable install of Photoshop has stopped working somehow
oh good, it works when run in win7 compatibility mode
How well does it work? What are you running it off of?
18:56
@TylerH found an opportunity to turn just a little bit more Australian
Unrelated to what I tweeted earlier this arvo, but: Be careful with whitespace in CSS selectors https://blog.novalistic.com/archives/2018/01/whitespace-in-css-selectors #CSS
Australia Day is next Friday, so
19:40
arvo?
@TylerH afternoon
is that the australian bit
19:53
@TylerH I have a feeling this article is gonna take longer than a day. Might spill over to the weekend. Not sure how weekends vs weekdays play into reach, if at all
It's okay, at least you don't have people on your Facebook timeline sharing their anti-vaccine views
like I do right now

« first day (1724 days earlier)      last day (2064 days later) »