« first day (884 days earlier)      last day (2904 days later) » 

5:06 AM
posted on October 01, 2015

New Cyanide and Happiness Comic

 
 
1 hour later…
user3119231
6:19 AM
Morning ~
 
6:36 AM
@TylerH x.x
 
7:22 AM
MDN does not cover topic like pseudo-elements. Are their any more crucial topics of CSS that are missing here? unlike w3schools
 
8:19 AM
sorry? I mean this guide does not gather all topics to one. one has to search for pseudo-elements outside this guide.
I had been thru your referenced link
 
 
1 hour later…
9:31 AM
o/
 
\o
 
So, any DJs here by any chance?
 
@dj, [tab]... nope
 
You are definitely in the wrong place...
 
Not so fast :P
 
9:43 AM
definitely in the wrong place
 
I have some ideas for a web-app but the target audience is rather niche... :P
 
Okay, definitely not in the right place.
 
:( fine
 
web apps, in the HTML room?
 
Did someone mention this was the wrong place?
 
9:44 AM
@MarcDingena J/K
 
10:00 AM
css wizards, why does this happen ? i.imgur.com/icwpxoN.png . I have white-space:normal; in my .css file but it always get overwriten by white-space:nowrap from nowhere.
 
Abe
10:18 AM
@Adrian because style="" attribute has always the precedence over any kind of selector
you need white-space:normal !important;
 
10:36 AM
user image
2
 
10:52 AM
upboats!
 
11:52 AM
@cimmanon I approved that edit just to spite the OP
 
Naughty moderator
repr0tered
 
@BoltClock ><
i really hate how mjolnir doesnt work on synonyms.
 
@jbutler483 That is a screenshot of the regex match HTML tags question
20
Q: What does CSS measurement unit 'em' actually stand for?

drkthngAs the title says, I want to know what exactly the CSS unit 'em' stands for. As in 'cm' stands for centimeter. I am not asking what 'em' is or how it is used! I couldn't find an answer on W3C. The Wikipedia article was already saying "something": The name of em is related to M. Originally t...

 
12:29 PM
@MarcDingena I djed for a while
 
Style .h1 class to be like h1 tag
What styles do I need to add to my heading classes to make any element behave like heading tags..
.h1, .h2, .h3, .h4, .h5, .h6 {
  // make akin to h tags
}
I might be using them on div or span or li etc... so need a fairly robust reset. I am thinking things like display: block; but don't really know what the definitive set of required rules are.
 
what have you looked up?
 
Yo wizards. jsfiddle.net/uk9c055d How do I make the text and image inside the resource column be side by side ?
 
what have you tried?
 
putting the <p> and <img> inside 2 divs and making them inline block
 
12:44 PM
do you want the text to wrap around the image or not?
 
not around the image
 
then it's just like any other columned layout....
 
i want the text to be in it's own virtual rectangle and the image to the right
so why doesn't it work, if i put float:left for both ?
 
that's not how you make columns.
 
so how do i make columns ? found column-count but it doesnt work
 
12:48 PM
I'm not going to spoon feed you that, I'm sorry. You can do it
 
very helpful, thanks
 
There's more than one way to do it
you're welcome!
 
on apple's site where they have all the IPhone 6s's, you scroll down and the sections take up 100 percent of the screen width, is this because the section is set to 100%?
but if this is the case how are you able to scroll down and get to the other sections?
 
link?
 
maybe they have they' widths to 100%
 
12:58 PM
@ZachSaucier apple.com/iphone-6s
 
your question doesn't really make sense
how does taking up the full width prevent vertical scroll?
 
how so...there are sections that take up the entire page view
 
and more...
I can make an element that takes up 1,000 of my screens
that doesn't mean that I can't scroll
 
i see
 
How is 100% width related to vertical scrolling?
 
Old news
 
well i live under a rock
also, how is it we still have people doing the hashbang horse shit? twitter finally realized that was a really dumb(tm) years ago
 
@MarcDingena wrong place
 
1:59 PM
Who goes there?
 
@PraxisAshelin Whoa, RL pic. Have you gotten more upvotes and PMs from people since you changed? :D
 
@ZachSaucier Hasn't she had RL profile pics for a while
 
Not that I remember. I remember seeing her but only on her site/hangouts
then again I don't hang out in here as much as I used to
 
I remember her previous pic...
 
can anyone look at this fiddle, ive got some unexpected behaviour changing the offset of divs in this drag and drop. jsfiddle.net/RainyCats/6zega6zo/4
 
2:10 PM
13
Q: Media queries to cover all major pc and laptops aspect ratio

Petru LebadaI want to build some media queries to cover most of the aspect ratio out there for pc/laptops. My first attempt was this: @media screen and (min-device-aspect-ratio: 4/3){ header::after{ content: '4/3'; } } @media screen and (min-device-aspect-ratio: 16/9){ header::a...

 
If you change the position and try to resize it then it shifts the elements as if it never moved
 
> This question had a bounty worth +50 reputation from Memphistoles that ended 1 hour ago. Grace period ends in 22 hours
wat
(I was never very confident about my answer, but apparently I forgot to delete it and now I'm paying the price of some amount of rep-in-return)
 
@RainyCats seems to work fine for me
 
Take tile 0 and drag onto tile 3, now resize the newly positioned tile 0. See how the elements on the top row shift instead of the bottom row?
Im using jQueries offset() to change the positions and tiles are relatively positioned
 
ah, resize the actual elements
looks like your logic is wrong
why are you making your own way of doing this anyway?
 
2:20 PM
Im not suprised there. What part of it?
 
packery.metafizzy.co just use this instead
 
You implying I should use a library? I'd rather not use another library. Every library we use has to go through the legal department. Rather just stick with jQuery and js.
 
packery is open source
but what you're asking takes a lot of logic
so a library will save you a lot of time
 
mass quantities of logic
 
Could point me to actual cause, to me it looks like the flow of the elements isnt being updated
 
2:26 PM
actual cause is your approach is wrong. Too much to explain, look how Packery does it
 
@BoltClock why are you complaining about a free 25 rep?
give it to me
 
it's 120 rep actually
 
That looks nice, although i dont care much about packing it really nicely, just want the resizing thing to work.
 
@RainyCats which takes doing nearly all that Packery does. It's not an easy issue to solve
 
Ah i got myself into one big pit with realising it. Thanks for the advice.
 
2:30 PM
@ZachSaucier the bounty's worth 50 rep
split that between the two answers -> 25 rep
 
I think he was referring to the votes that he got that prevented him from removing his answer
 
yeah
Also, it won't be split
 
moderators can't delete answers with upvotes?
 
The bounty simply won't be awarded, because the bounty was offered after our answers had been posted and there have been no new undeleted answers since
@TylerH Not prevented in that way, but if I were to delete my answer now I'd lose all the sweet sweet juicy rep I got from bounty attention
 
so by "paying the price" you really mean "reaping the rewards"
 
2:33 PM
@RishavKundu I find it hilarious that your slide presentation on making things that "looks good" looks bad, hahaha
 
.—.
how can you say it looks bad?
it looked smashing when we presented it
google slides is hardly good-looking
 
I think my presentations still aren't very attractive slides.com/zachsaucier and I think they're better :P
 
whoosh youre using slides.com the comparison is hardly fair
and this is presented on a retina mac; so black on white looked stunning
 
it's free too
 
2:36 PM
I personally love that green background from Microsoft PowerPoint
 
:3
powerpoint
 
It's actually hideous
but something about it just makes me feel warm
green marble
 
@RishavKundu Your section on the golden ratio/circles is balogna by the way (not your presentation, just the content itself) graphicdesign.stackexchange.com/a/44630/23061
 
@ZachSaucier yes i got to know that later
well the idea behind the presentation is still pretty valid
contents not the only important thing
 
sure
 
2:38 PM
theres a reason why some companies fail while others succeed
 
0
A: Adding a Small Note to Posts That I Favorite

BoltClockI use Microsoft Edge and OneNote for this, but then again, I may be a teeny weeny bit biased. I guess my point is that there are numerous ways to do this on the client-side already, some of which sync as well (even if you're vehemently against Microsoft and don't use OneNote, there's the equal...

I full MS fanboy now
 
i.imgur.com/fTbQIEJ.jpg it's so pretty and ugly at the same time
 
I could take my earnings from the bountied question and offer them as new on the question I posted the other day
Literally paying it forward
Time to make @cimmanon angry
0
Q: sass nested selectors combining element and id

NaigelI want do select div#appRight then set something for div, div#rightStandard, div#rightDetails. The code I tried is div#appRight{ div { color: green; #rightStandard { color: blue; } #rightDetails { color: red; } } } The la...

 
2:58 PM
imgur.com/gallery/hZgPk I have been entranced by this epic comic series for the past hour
 
@BoltClock why, were you going to try and answer it before i could close it as a dupe? :p
 
@BoltClock if you wanna piss her off, take away her mjolnir powers while leaving her gold badge :-P
and don't tell her
 
new codepen design..
even less focus on the pens imo
well if you're logged in
/me logs out and checks
yeesh... even worse logged out
 
checking
 
I mean the site doesn't look bad I just think they are detracting from the main purpose
looks like they are trying to push the blogs more now
 
3:03 PM
it is more laggy now for me
 
yeah, well this is what i get now. hurray for progress?
 
That looks pretty unique
 
omfg
having a heart attack with all those tabs! lol
 
@cimmanon HOW
MANY
TABS
 
@cimmanon don't have anybody to blame but yourself for using a twelve year old version of Opera
 
3:06 PM
do i have to count them for you or is that a rhetorical question?
 
that's slight hyperbole but it doesn't change much
(there are 38 tabs open)
 
well, i guess i know what page i am not using anymore.
 
what browser is that?
 
opera 12
 
@GNi33 sit on my lap and I'll tell you a story about the browsers we used in ancient times
3
 
3:09 PM
i hate the developer tools provided by every other browser
 
You know whats crazy, IE3 can't really load any sites... but Google still works
 
opera 12 is not that old. i think it is 4 now, which is still newer than IE9
 
and you expect codepen, a website to show off stuff made with new web technology, to work in that?
 
was looking for an image on my win 95 gaming machine, was surprised Google is that compatible
 
@GNi33 considering it worked just fine 2 days ago? yup.
 
3:10 PM
I think we had this discussion already
 
And just less than half an hour ago I was fanboying over Microsoft Edge
 
codepen constantly breaks in Chrome Canary too, out of other reasons probably
 
> On June 14, 2012
^ when Opera 12 was officially released
 
well, that's not even this bad. 12 runs on the old rendering engine still, right?
 
yeah, I think thats why @cimmanon still uses it
right @cimmanon or no?
 
3:12 PM
@Loktar @cimmanon Just slightly older than IE10, even
 
@Loktar yes
 
looks like the last patch was for the heartbleed bug in 2014
 
@Loktar yeah, but thats going to refer to the first release of Opera 12, not 12.14 or whatever is the latest
 
@Loktar that is impressive
 
@TylerH yeah I was really surprised
other sites like Facebook don't even attempt to load
you get connection refused
hahah I went to one site (maybe yahoo?) and it almost killed my computer.. was eating up all the ram loading the JS and resources I assume
32mb of ram fills fast
 
3:14 PM
@Loktar "Fuck off IE"
 
@BoltClock lol pretty much
there was one message that said something along the lines of my version of browser wasn't allowed there
building a kickass win98 gaming machine, curious how well sites will work with it
can't remember the latest vs of IE supported on 98
SLI voodoo 2's and a p3 450mhz, so much power! :p
ah looks like 98 supports up to IE6
 
3:40 PM
wtf did I just walk in on
 
You tell us, we're only connected via digital chat
 
Well it looks like Loktar performing some necromantic ritual
 
haha
there are some games that just wont run on 7 or 8
like Starwars Episode 1 Racer
 
That's fucking true actually
omg the first thing I thought of was Star Wars droidworks
 
I have a few win 95 gaming machines for this purpose, but now want a win98 one :p
I have that one too @Sippy
 
3:51 PM
however, have you not heard of virtual machines? Lol
 
yeah but you cant do sli voodoo 2's with a VM
 
That's true.
I really wanna play droidworks now
 
I want the true 3dfx hardware running
droidworks would work in a VM I'm sure though
thats all 2d
 
Is not
 
I have yet to try my original boxed copy of RollerCoaster Tycoon on Windows 10 oh, 3D games
 
3:51 PM
it isn't?
 
Was a masterpiece of 3d engineering!
 
Am I thinking of the wrong game then i wonder..
its a puzzle game isn't it?
Isometric
 
Oh, no.
It's a puzzle game but it's 3d
 
^ that one right?
 
Nop.
 
3:53 PM
oh weird, thats the one I have and was thinking of
 
ooooh thats pit droids
 
:D
 
I actually do have droidworks as well, but I got it like a year ago from Goodwill, never played it
 
The one I'm thinking of, you build a robot to complete missions and in completing the missions you get new parts to build new robots to do new missions.
 
3:53 PM
I recognize the box
 
It's amazing
Play that mo'fuka
 
@Sippy That makes me think of another game but I don't remember the name or the theme off the top of my head
 
hmm maybe I don't have it...
unless I didn't update my collection list
damnit Ill need to grab it now :p
 
:D
Well worth the playthrough.
Gah that's making me wanna get a windows 98 pc
 
they aren't too much
I got one for $35
the voodoos are $$ though
$50-$80
 
4:13 PM
why wont they run on Windows 7?
 
which version of CSS does MDN talk about here?
Does MDN not provide documentation on CSS3? I could only find developer.mozilla.org/en-US/docs/Web/CSS/CSS3
 
they're largely overlapping
it typically gives the most up-to-date information for the most recent stuff
but color: blue; is still the same in CSS1 as it is in CSS3 so there won't be three different articles about it, for example
browsers add support for different features at different times, so MDN covers properties individually
each property will show browser support at the bottom
When you write CSS, it's not like you sit down and have to decide "OK, I'm going to write this in CSS2" or "I'm going to write this in CSS2.1"
 
@TylerH Not sure why they don't run.
They don't work in compatibility mode or anything
 
I could not find rgba() updated in that CSS guide. Just trying to make sure, what else to go thru outside this guide
 
you use the basic features you need and if there's a new feature out there you want to use that was added in CSS3, you check the browser support, and if it works, great.
that guide is just to help you learn CSS
it's not an exhaustive reference
for that, look at MDN's CSS reference
 
4:19 PM
ok
 
Can CSS3 syntax be directly interpreted by the browser, before constructing DOM? for example rgba() function
 
4:50 PM
What's giving the Contact Prefs the border box?
 
@Sippy are you referring to the default appearance of a fieldset?
 
No idea!
Thanks though :D
 
there is not a good way of reproducing the fieldset/legend appearance with css. you could get close if you have solid backgrounds, but forget it if there is a pattern
 
I have control over the markup so I'll just use a fieldset
 
are you using fieldset for unsemantic purposes? ><
 
4:57 PM
It'll be in a form, if that's what you're getting at.
 
it supposed to be for grouping similar form fields together
 
Then no, I'm using it for what it's meant to be for.
 
ok, good :-)
 
I'm just rebuilding those contact prefs
Because they're grim
Well, rebuilding that whole page. Because the whole page is grim.
 
5:03 PM
OK dumb question from a backend dev who's trying to learn frontend stuff. How are they doing the automatic tracking/expanding/collapsing of the right hand side nav bar at getbootstrap.com/javascript
 
JS detect position, checking that against location of elements and updating nav to show current
 
That JS is not something that's built into bootstrap, correct?
Like, it's not one of the standard bootstrap javascript tools described on that page
I know they're using affix to make the nav bar not scroll, but I couldn't figure out if the expanding/collapsing is also a built-in JS thing
 
5:33 PM
@Sippy did you figure this out
oh cimmanon got you
@user939259 bootstrap has a JS component to it
I don't know if that specific behavior is from a bootstrap function or not, though
It's probably not. It's just adding/removing a class based on position detection
I'm sure there's a simple jQuery script for that
jQuery even has .toggleClass()
 
even classList has a toggle :p
 
toggle is such a whore
 
6:12 PM
@overexchange That question makes no sense whatsoever. CSS and DOM are two separate things
 
0
Q: How can I target these children divs with one selector?

user5166162I'm working on a CSS menu that has multiple levels. On this level I have a div with IDs for each topic(Bar,Pie, Line, ect). Is there a way I can style all of these divs in one place rather than having to name each individual ID and place the same styles? I figure I need some sort of wrapper, but ...

Sometimes you just can't win
now I want @BoltClock to find the duplicate target that I couldn't and close that question
out of spite
 
6:34 PM
@ZachSaucier nope not at all xD
 
7
Q: multiple elements with similar css

johanI have multiple html elements. They use very similar css styles. Only difference is border style (one element has all but left border, another all but right etc). So far, i used to create several different styles which have only one line of code different. That seriously bloated my css file. Is ...

 
user5029208
When it comes to Twitter Bootstrap what is the point of having a div.row? Now I understand the grid systems and how divs will float but if, hypothetically, i have three boxes that will serve as main content holders and each would take up col-lg-12, md-12, etc...would EACH need to be in its own row div or can all be under one.
 
6:55 PM
@cimmanon similar but not quite the same thing as the new question
 
7:08 PM
@JustName to force it onto a new line
 
http://www.commitstrip.com/en/2015/10/01/early-coders/
CommitStrip - Blog relating the daily life of web agencies developers
Early Coders
CommitStrip
1443726451
 
@TylerH yus
 
8:01 PM
can you guys help me understand why this image will not go to the bottom?
 
8:13 PM
@Skullomania fiddle
 
8:31 PM
@cimmanon Basically I was explaining that "building/defining a moral compass" was exactly telling his child which laws to break and which not to. Not all laws are passed by people with the same moral values. See cannibalism, slavery, rape, abortion, gay marriage. Even though these topics have laws with strong ethical foundations, there are still people today who disagree on the morality of them
 
i dont see her in the chat (all the comments were moved). doesnt look like she is interested in discussing.
 
Yeah I left the chatroom I created and joined the one she made
there she is
I am using (she) simply because the avatar is a female
 
8:43 PM
well, you could have chosen better topics. for instance, polygamy or marijana use would have been a less controversial choice.
 
Does anyone on here know off an e-commerce solution built for selling images
 
@cimmanon I don't think any of them are controversial in an academic setting
 
or that can be edited for this purpose
 
it isnt exactly an academic setting, though
 
sure it is
 
8:45 PM
similar to stock.adobe.com
 
i am not trying to defend her actions, but 2 wrongs dont make a right.
 
which is the point, whether it's murder or pulling someone's nose and they sue you for battery, it doesn't matter how offensive the crime is to imagine happening to you, all I did was mention them in a historical context, like "name a morality-related law." "rape" "OFFENSIVE COMMENT DELETE DELETE"
If I had said "rape laws are ethics-based but I don't think it's amoral", that would be inappropriate because I'm opening up a discussion about the morality of rape, which is definitely offensive
but simply mentioning that there is such a law out there for a subject called rape should not be offensive
 
not disagreeing, but i dont know that it needed to be said in the first place. there are plenty of laws that people disagree with
 
It's like the ridiculous end of the PC spectrum
It shouldn't have needed to be said, I agree, but they were just examples off the top of my head to try and illustrate that there's a difference between ethics and morality
If she had simply not conflated the two in the first place, I would never have commented
and then above, she deleted my comments about "gay people coming out being a difficult decision for some people" as being offensive, which there have been whole questions about on that site, but those aren't deleted as being offensive
now she's warning me again for inviting her to a chatroom in the first place wtf
 
if she didnt want to discuss, she should have deleted the comments wholesale
 
9:27 PM
stackoverflow.com/questions/32896840/… - This isn't my question but I don't understand why the text-transform reproduces the problem: jsfiddle.net/TempFever/62y1v9je/1
 
@BSMP Hmmm probably just something wrong with the font
 
 
1 hour later…
10:43 PM
I have not laughed so hard in a long time
it's not even rick astley or rebecca black! @StephanMuller would be so disappointed
 

« first day (884 days earlier)      last day (2904 days later) »