« first day (1044 days earlier)      last day (2744 days later) » 

12:01 AM
note it doesn't display like this on my screen because its not supported by browsers unless you configure them
 
12:20 AM
Mornings
 
morning
 
@ma1169 sorry was afk, having a look now
what are you trying to crop? the background image?
 
yes i'm trying to scale it not to crop it
its not background
 
? is it the beach image in that demo?
 
this should be like a table where the image cover the 2 rows on the left
yes
 
12:31 AM
Simple ask users to configure browser
:D
 
this is how I see it: i.stack.imgur.com/uHafr.png How do you want it to look?
 
i want it to cover the left side
and when i resize the browser it become smaller
and not to crop it
 
@ma1169 why do you want to use something thats not widely supported?
 
because i'm learning it
 
background-size: contain;?
 
12:37 AM
hes using the grids module, only IE supports it
 
yeah I enabled it so I could help him
 
you can enable it in any browser
 
(though I'm pretty sure the issue has nothing to do with grids)
 
i think it has something to do with grid-template-columns
 
5 mins ago, by joshhunt
background-size: contain;?
did you try that ^?
 
12:42 AM
yes
 
and?
 
what i'm seeking is to scale the image down when i resize browser
 
...
and that's what it does?
 
it crop the image on my browser
instead of resizing it
 
where did you add that?
 
12:44 AM
sec i'll show you
 
demo or it didn't happen, seems to work for me: jsfiddle.net/eeg2zn3m
 
okay i'll upload it
meanwhile this is what it show before resizing imgur.com/txlOjEn
josh give me email & i'll share it on my google drive
nvm here it is
 
1:11 AM
when you add background-size: contain: i.stack.imgur.com/XVjpm.png?
@ma1169
 
i did add background contain and no repeat while ago but it didnt show any difference
on my machine the image doesn't repeat
it look exactly like these
imgur.com/jrpoa7A
imgur.com/txlOjEn
the image look as expected without them the only thing that doesn't work is scaling
 
what did you add it to?
 
if i understand your question correctly when i tried to add background-size i added it to image-grid class
 
and you don't get the same result that I get?
 
no it was cache error ...
 
1:23 AM
lol
 
-_-
fuck that i spent more than 3 hours on it because of cache
haha
 
check things with the dev inspector and you won't have problems like this
 
thanks
 
1:43 AM
Hi. Is it a good idea to use "form-group" class outside of a form?
 
@railsr there is no form-group element. please dont assume everyone is familiar with whatever css library youre using
 
I'm talking about Twitter Bootstrap "form-group" class
 
2:04 AM
@railsr No.
 
@joshhunt, thanks
 
@JDB thanks you i will read that
hello do you know how to blur a image for web sites .lot of web sites use blur images .when i do it in photoshop ,it's very bad to eyes .
 
2:29 AM
Anyone who has experienced caching problem in Safari?
Safari just refuses to load the updated CSS file, instead I have to keep refreshing several times until it finally loads the updated file. "Several times" as in 10-20 times. AFTER EVERY CHANGE.
 
3:00 AM
@DemCodeLines disable the cache?
@Wes lol I wish there was a shot of the goalies face once he realises what happened
 
Wes
:P
 
3:20 AM
ossm return
 
3:32 AM
1
Q: white-space: pre-wrap with word-break: break-all recently became very slow in Chrome

user6037180Switching to a jQuery UI tab with a <div> with lines that need to be wrapped and with the following CSS : .console { white-space: pre-wrap; word-break: break-all; } has recently become very slow in Chrome. This started happening with a Chrome update within the past 3 months or (I am curre...

How long until "which is better for performance: word-wrap: break-word or word-break: break-all"
 
 
1 hour later…
4:46 AM
@joshhunt Safari refuses to respect that.
 
5:03 AM
 
@Feeds TIL there are little Australias in the United States
 
6:00 AM
@joshhunt i was trying to build a table with hyperlinks, but the javascript room solved it for me
 
6:18 AM
I am crying a little bit inside. I have come across an awful "feature" in iOS and asked about resolving it, and yet iOS behaves differently inside stacksnippets and inside jsfiddle.
(it behaves in a different terrible way)
What should I do about providing a code example?
I mean it'll work you just can't see it in that snippet because it's in a snippet.
 
Wes
@Mr.Alien what happened to you?
 
hi ,

I want to create a page like the fallowing ,as I a new bee in web dev so please suggest how to do it ,my question is how to create a main block as this article shows through css only ,would it be possible or I need to use adobe softwares ??

http://www.universiteitleiden.nl/nieuws/2016/03/edwin-bakker-in-de-volkskrant-over-de-executie-van-de-nederlandse-jihadisten
 
@sekhr yes it's possible because they did it, no adobe software isn't necessary for anything at all in web dev. you could write a site in notepad. i write them in sublime text. you need to be a bit more specific about what you want to make though - and you should try inspecting that page and learning from what they did.
 
6:34 AM
@doppelgreener thanks for your reply ,yeah I wanted the same effect as the main block shows ,it seems like as if it is some up from the back ground ,I tried to check its code ,what I got that they used different divs to do so ,but I'm confused how to overlap divs ,as there are sections over section on that page ,can you please suggest me some read for such effects ?
 
@sekhr The #content element has a box-shadow css style. That might be what you're referring to.
 
 
2 hours later…
8:49 AM
@doppelgreener thank you :)
 
9:35 AM
posted on March 09, 2016

New Cyanide and Happiness Comic

 
 
5 hours later…
2:29 PM
~so quiet~
 
@BoltClock Little Australias?
 
@TylerH cuz some of the state names are upside down... geddit
 
ha
 
Inspired by this question:
http://stackoverflow.com/questions/2501723/css-color-vs-font-color
I have started a petion to introduce the "font-color" property.
Maybe some of you would like to sign it.
https://www.change.org/p/world-wide-web-consortium-introduce-the-font-color-css-property?recruiter=238928026&utm_source=share_for_starters&utm_medium=copyLink
 
I don't see any compelling reason for it
 
2:36 PM
3
Q: Why is the text colour property called 'color'?

SamIn CSS, why is it that the text colour is defined with color and not text-color or font-color? Also, what's the difference between font- and text-?

I've been suffering from answering-dupe-itis since 2010
 
@TylerH
I envy you.
 
If you want to really effect change, go talk to the CSSWG directly instead of starting a petition on change.org where they'll probably never see it. But like Tyler, I don't see a compelling reason for this. Also consider: how should color and font-color interact, how should it be calculated when one or the other is set to currentcolor, etc
Does the added complexity really justify a separate property for which it's not even immediately obvious whether one is intended to be an alias of the other?
It's really not that hard to remember color. I don't even think about it
 
changing it now serves no purpose. color is supported all the way back to at least IE4
 
Then again, I've been writing CSS for ten years now (which is only half of the entire lifetime of CSS), so
 
So you're old
:-D
 
2:42 PM
@TylerH you're older
 
@BoltClock For one, the petition will provide some insight about how much others are interested in this matter.
 
boltclock is a baby :p
"hey, you know this property youve been using for over 15 years? lets change the name of it for no good reason so that it breaks in old browsers!"
 
Don't change the name
color is foreground-color
It affect several things
 
and by "old browsers", i mean browsers that were shipped before today
 
There is no property that only affects font color
 
2:44 PM
@BoltClock touché
 
oh right. hey, who has that mozilla bug report about that guy ranting and raving about -moz-opacity being dropped
we already have problems where CSS authors use prefixed properties without providing unprefixed properties. what problem is this solving again?
 
haha I remember that one, but I can't find it right away
 
I have the id memorized, and it's the first result in my urlbar suggestions for "bug"
 
2:52 PM
heh
 
lol
"i'm gonna issue an invoice"
uh oh
someone opened a ticket for an application I started supporting because a coworker left the company, and the folder containing all the information about it is totally empty...
 
crl
I have a home.less well not funny for them
 
3:36 PM
Hello guys! I need help with my webpage. I'm asking here because I asked on a question forum (wordpress.stackexchange.com) and there's no straight answer. I need a CSS expert to look at the problem.
 
alright, can you link us the question and/or the website?
 
0
Q: Very long horizontal scroll due to menus and video player

The Quantum PhysicistOn my website, I'm getting a very long horizontal scroll at the bottom of the page. This appears in some themes, not all. In doesn't appear in twenty-eleven, for example. I have tried to pursue the reason for this by deleting elements on Google chrome, one by one, and found out that the menu navi...

@GNi33
I would like to have an expert investigate this systematically, because I had this problem since a very long time and the reason I'm not asking about it is because I'm not sure how to classify it... is it a problem with WP? Is it a CSS problem? I'm not sure where to put it
And you see I asked the question in WP.SE, and someone said it's off-topic...
 
what is happening here
 
@GNi33 I'm sorry, are you wondering or asking or are you going to explain?
 
I'm just checking
 
3:44 PM
OK
 
.primary-navigation ul ul and .primary-navigation ul ul ulhave a left:-999em property which is definitely causing problems
 
Which I don't understand where it comes from! I have no settings like that at all
The funny part is that the menus (.primary-navigation) are appearing on the fore-left!
I have no idea where this is coming from!
 
it's in the theme
it's not RTL compatible
 
I have my custom css, but I haven't set anything related to that
Oh!
Is that the problem?
Just RTL
 
it's a way to hide popover navigation items off screen
which is causing problems here
 
3:46 PM
I see!
So it's a bug in WP
 
nah, it's in the theme
 
Well this theme is a part of WP actually
 
but it's not the only issue here
 
it's one of the default themes
 
yeah, it's some kind of default theme, right?
 
3:47 PM
Yes
I suppose I should report this to WP developers
The default video player is apparently causing a similar issue
There's a post with a video of a beating heart. If you remove the menus and that post or the video player, the horizontal scroll goes away @GNi33
 
okay
so here's the deal
you need to change those two left properties to right instead
 
which ones?
 
the ones I mentioned
 
I can modify any CSS I want.
 
the ul ul stuff
just override them in your custom css
 
3:50 PM
Could you please write that tag here?
 
and then you need to look for .primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul
and change the left:auto in there to right:auto
this seems to solve some issues at least
 
Could you please copy the tags you used here?
 
6 mins ago, by GNi33
.primary-navigation ul ul and .primary-navigation ul ul ulhave a left:-999em property which is definitely causing problems
I'm talking about these
if you override them, use it like this
.primary-navigation ul ul, .primary-navigation ul ul ul {
    left:auto;
    right: -999em;
}
this will make the dropdown menus work at least
 
OK I'll copy this to my css file and report
 
.mejs-offscreen causes problems too
it's got a left: -10000px
change the left to right
 
3:54 PM
I did add this it didn't help
Are you sure this is all I have to use?
 
then you'll get rid of the scrollbar
 
I mean I still can see these menus on foreleft
 
yep, I'm sure
is this up on the live page already?
 
not right: auto
left: auto
 
3:55 PM
I just tried that
 
now you stretched it over the complete page
 
it's back to left:auto
but still
Oh
the menus disappeared
I just noticed
 
you didn't change the hover state yet
 
but the menus are not working anymore now on the page!
 
.primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul {
    right: auto;
}
you'll need to do this additionally
there you go
 
3:58 PM
This helped!
Thanks a lot!
 
.mejs-offscreen{
    right: -10000px;
    left: auto;
}
now this
 
But what about the video player? It's now the remaining issue
nooooooo1
!
It's working
I don't believe the solution is this simple
Thanks a lot man @GNi33
 
I'm confused that it works though
 
You have no idea how grateful I am!
Why?
 
because you're not overriding mejs-offscreen
 
4:00 PM
I did
 
so left:auto does nothing in that case
 
I'm on the server with ssh
 
yeah, you added it, but the mediaelementplayer.min.css gets included after your script
 
I do it very fast
 
so it's not overriding the actual rule
I don't even know what this mejs-offscreen span is for
 
4:00 PM
Actually I'm using a child theme which by definition should override any default rule
 
but hey, it seems to be working
 
Yep!
I'm super-grateful!
 
yeah, that's not part of the theme, it's part of that mediaplayer
 
But this definitely should be reported to the WP team, right?
 
no problem, man
they probably know that this theme is not RTL ready
I'd not be surprised if there's a RTL version of that theme around though
 
4:02 PM
Oh, I'll look for that now
first look suggests it doesn't exist
Actually the wordpress I have installed is Arabic, so it should know that by itself
 
it's tagged as RTL language support though
so... hm
 
Hey !
I have a set of image of box being animated. I need a transparent background. Witch method will be the best in your opinion, in terms of loading, compatibility, effectiveness ?
- Play a set a .png to fake a video
- Generate a gif with background transparent (compatibility problems ?)
- Generate a video with a background transparent (compatibility problems ?)
 
@GNi33 I'm checking the bug database of WP. Thanks a lot man. I'm out :)
 
4:36 PM
guys i just invented the best programming language http://t.co/1TWwfs7gdn
aw no 1box?
 
remove the ?s=09 from the end
 
@Wes Why are dingle berries brown? That's just how shit is!
best line from last weeks EP.
 
4:51 PM
@rlemon you have an imposter travel.stackexchange.com/users/18620/mrlemon
 
there's a few
 
 
2 hours later…
6:43 PM
http://www.commitstrip.com/en/2016/03/09/sometime-soon/
CommitStrip
Sometime soon
CommitStrip
1457549019
 
It's a javascript-heavy dev position, but I figured some of you that hang out in here vs the JS room might still be interested:
in JavaScript, yesterday, by ndugger
We're hiring for a Front End Developer in Bloomington, Minnesota. Ping me if you're interested!
 
7:07 PM
@ndugger I won't be applying but out of curiosity what is the expected pay range of that position, if you don't mind sharing that kind of info, that is
(I don't know the CoL in MN so I can't really guess)
 
@TylerH we have a tier system for devs, 1-4. As an Engineer 2, I currently make $80k.
 
gotcha
BTW, that asks for LinkedIn profile and Website twice
 
lol, probably just a silly oversite. I don't actually touch that site.
 
I was hoping to see a "Stack Overflow profile" box :-D
 
Codrops gets more and more crappy
 
7:10 PM
@ZachSaucier :-( more ads this time? or bad quality writing
 
Bad, useless products
 
talking about the spring loaders?
 
oh, like how css-tricks started blasting sponsored ads/articles?
 
7:37 PM
How would I go about making text look similar on inputs across browsers? I've managed to make their dimensions equal, but the text height looks different.
 
lol hf
cross browser editing of inputs always sucks
set the font, font size, line height, etc. and test, test, test
 
I'm starting to notice that. I could use divs for buttons and other kinds of input, but text input with full copy/paste/editing support isn't trivial to copy.
I'm not normally a webdev, so this is all very unintuitive to me. :P
Oh well, at least the dimensions are working out. Having the text look different isn't too bad.
 
if you have a more specific question then post it with a live demo of just the issue
 
Will do :)
 
7:53 PM
no way for us to answer that. And completely off topic for this room
 
sorry
 
@HariPrasad a good way to test would be to remove mathjax and see if the problem persists
(for future reference)
 
@TylerH That's OK I am sure it will work. But i suspect that the problem is with my machine. I would have to initilize mathjax through CDN
 
8:11 PM
@ZachSaucier i have yet to see an "inspirational website" featured on codrops that i thought was an example of good design
 
8:41 PM
Wow, YT now shows an error for the duration of blocked ads. That's annoying, haha
 
8:52 PM
I was wondering if I set the document title and meta description asynchronously (like after few second timeout) will google's web crawlers catch it or just read the original/default
Any help greatly appreciated, thx
 
@doublecheeseburger how many crawlers do you know that interpret javascript?
 
google does
instagram and other sites that are SPA and not server side rendered are still crawled by google
@cimmanon I am also only interested in google
 
9:35 PM
@doublecheeseburger If you want better results with Google, follow Google's best practice guide.
Google says that server-side rendering all of your URLs is good.
Google can probably still find your pages by running the JavaScript on the page
But they'll probably rank you better if you follow the best practice.
So it's a question of how much development overhead are you willing to take for it.
 
@WilliamMariager not sure if this is helpful in your specific case: necolas.github.io/normalize.css
 
@ZachSaucier only on Chrome
 
after refreshing the extension it seems to work again
 
good good
one of the glaring downsides of having a browser that is also owned by the same company that owns websites... they can insert and force a lot of rude behavior
6
Q: Ballistic behavior of molecules on potential energy surfaces

AndersMBI came across the following sentence in a publication$^1$: "At this point we have to remember that the computed MEP path [sic] represents the reaction in the absence of any kinetic energy, while in reality the true reaction path, to some degree, will be ballistic." Further, they write that, "This...

fun
 
never mind, it didn't :(
 
9:43 PM
still one of my favorite network Q&As of all time chemistry.stackexchange.com/questions/23899/…
 
10:06 PM
@ZachSaucier do you have the YouTube Chrome app installed?
 
Lemme check
It seems so
lemme remove
 
How do I correlate the parsing phases with CRP?
 
10:30 PM
Nope, didn't fix it
 
10:45 PM
@ZachSaucier what adblock are you using?
 
Adblock Plus
 
I'm using ublock origin, doesn't seem to be happening to me.
 
I'll switch if it doesn't get solved
 
@ZachSaucier It's shit. Don't use it.
Personally, I use a hosts file to block ad-serving domains
ABP accepts money from ad companies to be whitelisted
 
Hey. I have some CSS that seems to be working fine in Chrome but not any form of IE including Edge. imgur.com/a/ZKz0b
 
11:03 PM
@Ryan we dont debug images
 
@joshhunt Same thing happens for me. Maybe not after restarting Chrome...
 
I thought it would be the best way to see what is happening visually. What would be the best way to share the code as I've not been in the chat before?
 
jsfiddle
codepen
 
Ok. Thanks
 
weird, maybe another extension is interfering? I assume you have tried Googling it and it is not a common problem?
 
11:05 PM
@joshhunt I disabled all besides the ad block, same error. Cleared cache, same thing
On Chrome 49.0.2623.87 m
 
I'm on 48, maybe thats it
it could also be a location thing (e.g. a change to Youtube that hasn't rolled out to everyone yet)
 
browsers also release certain features to the public in chunks to test in production
I'm off for climbing. See you folks
 
have fun
 
Thanks!
 
@cimmanon This is the code that I'm using jsfiddle.net/ryanoconr/yjzh0xyg
 
11:36 PM
Anyone able to tell me why this code is different on IE and Edge compared to Chrome and other browsers jsfiddle.net/ryanoconr/yjzh0xyg
 
@Ryan thats not the smallest amount of code necessary to reproduce the problem, though
 

« first day (1044 days earlier)      last day (2744 days later) »