« first day (1014 days earlier)      last day (2774 days later) » 

2:05 AM
Panthers ares struggling
 
 
4 hours later…
6:24 AM
posted on February 08, 2016

New Cyanide and Happiness Comic

 
6:43 AM
 
 
1 hour later…
7:47 AM
anyone worked with materializecss?
 
8:12 AM
sup
 
9:00 AM
o/
 
9:16 AM
\o
 
\o
 
9:49 AM
I'm in your git stealing your credits
 
 
2 hours later…
11:29 AM
!help!
Sometimes I see things are rendered different on a tablet then on my desktop. ( When I check in Chrome the tools for ' view as device X ' .. )
Now ok, I want to buy a tablet,... what should I buy to test?
Samsung? Ipad? I have really no clue. ( Im not a hipster using tablets :P ) But I should support it for them.
 
12:00 PM
Hexagon grid is actually pretty awesome for a web design...
 
12:29 PM
@Duikboot Depends on your target audience..
 
12:40 PM
Hm,.. I'm targetting so many people. :D
 
What device are they most likely to have
If you can afford it test on all, or just get a subscription to browser stack
 
Yes but mainly the issues are with 'activte' fields with a 'touch' interaction etc. So browserstack won't detect that imo?
 
1:12 PM
hi everyone
 
@Duikboot you asked about rendering differences, which is exactly what browserstack will show you
 
why is margin: 0 auto not centering the image in this fiddle: jsfiddle.net/4zcLc35n/1
 
@AgniScribe because thats not how you center inline elements
use text-align: center on the parent element, or make it display: block as well.
 
@cimmanon but isn't image a block element
by default?
 
no, inline
technically, everything is inline by default. default stylesheets in the browser override this :p
 
crl
no
 
oh, ok - thanks didnt know
yes - it works now
 
Div & P are block lol
 
i added display: block. thanks @cimmanon
 
1:17 PM
What do you guys think? :P (It's unfinished, yet)
 
@Duikboot - yes the link says actually inline-block
 
crl
!!doge img, parallax, cool
 
     wow
           very img
                            such  parallax
so  cool
 
Don't like the border and tiny icons
 
I don't get it, crl. was that a sarcasm?
 
crl
1:20 PM
half sarcasm (not a fan of parallax), half impressed
 
Tbh, it's not a Parallax. (Parallax is slow moving like on perspective, that's only fixed)
 
crl
oh, right, will check the css
 
@Osmond not a fan of the oversized image at the top, it has bad usability
 
Bad performance?
 
no, users find it confusing because it looks like there is nothing below the fold
 
1:22 PM
Umm..? Like no more content as in that?
 
@cimmanon Thanks for the awesome article. I'm reading it. :P
 
@Osmond doesn't work on small screens
 
@ZachSaucier Mobile version is unfinished, and I disabled the slider on mobile.
 
the slider's UX stinks
overall not a bad site though I think it takes too much space to show a post
 
1:35 PM
hmm... will think more on that. I need to devour something now. afk
 
crl
lunarmist-ozmondstudio.blogspot.fr/2016/01/hole-in-sky.html is kinda weird with the fixed backgorund
 
i think you did a pretty good job styling the article text, there's just the right amount of contrast (font-size/font weight)
though you should probably make it more obvious that there are links there
 
"i want to be a great softwear engine" - a CM request title
 
1:51 PM
@crl >tfw it's unfinished.
aight, an underline would work, right> @cimmanon
 
@Osmond underline is the universal signal for "this is a link". color helps as well, especially if its not reused elsewhere on the page
 
2:07 PM
@cimmanon Usually when companies do that
They do it on purpose.
They want to encourage you to click the "GET STARTED NOW" button, rather than scroll down and read that pesky text.
 
2:43 PM
@MadaraUchiha that doesnt make it good design or good usability
 
@cimmanon It's neither.
It's pure monetization.
 
also, its used pretty heavily on single page apps
 
2:59 PM
How does Chrome not support hyphenation of text
o.0
 
how does chrome still require so many goddamn prefixes? :p
 
user3186555
does anybody have suggestions for using a width transition that makes a div smaller that actually looks smooth? The issue is that the div has text and the text clips to the next line, which is highly unattractive. Just asking where to start. Hopefully a simple solution.
 
user3186555
wow its super busy rn
 
it would help if you provided a demo of the problem
 
user3186555
kk. give me a minute
 
3:02 PM
try using wrapper, @DaMaxContent
force content to 100%, then animate the wrapper. You won't get the clipped text
 
user3186555
jsfiddle.net/Loo3jxsv and I meant make the clipping look better, not get rid of it. I tried googling examples. did not find too many.
 
user3186555
The reason being is that I am trying to make a responsive instant messager where the dialogue boxes change size depending on the window width
 
How about this: jsfiddle.net/e9ra58ko/1
 
user3186555
It still gets rid of the clipping. I was thinking something more like transitioning the height when the div grows
 
@Billy is that defined anywhere?
 
3:14 PM
@DaMaxContent good luck with that...
The best way I could imagine would be to detect when the height changes then force a transition between the values
But then when you're setting the height you'd have to make it dynamic again... it'd be best to use a container and transition that instead...
 
oh, end-of-line hyphens
and also, looking at the spec, it's actually not defined
> CSS Text Level 3 does not define the exact rules for hyphenation, however UAs are strongly encouraged to optimize their line-breaking implementation to choose good break points and appropriate hyphenation point.
"We don't tell you what it is but you should do it"
 
I thought this would be a fairly standard CSS property as it's clearly necessary
 
I don't think it's necessary at all
why not just move the whole word to a new line
 
How else would you deal with a word that is longer than the width of the element that contains it? Dynamically, of course
width of word is longer than width of container..
 
3:26 PM
@DaMaxContent doing this jsfiddle.net/Loo3jxsv/1 but starting and stopping the setInterval on transitionStart/End is your best bet
 
@Billy the hyphen property is for new lines
if it's an inline container then it would scroll
if it's a block container then it would move to a new line
 
@TylerH it's for breaking a word across multiple lines...
thiswordistoolo-
ngtofit
 
crl
how would you do a triangle (with a 90° angle) with html and css?
 
if you want to break up words arbitrarily where it isn't needed, well, don't
@crl a what
 
3:29 PM
@crl google please.
 
a right triangle is what that's called
 
crl
hehe sorry (I just know French terms for it)
@ZachSaucier it's just a discussion, not really something to do
 
@crl there's not really much to discuss beyond telling you how to do it when the question is "how do you do it"
 
crl
okok :), thanks
 
user3186555
3:30 PM
@ZachSaucier thanks
 
@TylerH I don't get your point here, the word is longer than the line, so it needs to wrap (fine, using word-break: break-word;), and add a hyphen where it wraps. And why do you think it isn't needed? The word is longer than the container, so the text is overflowing.
 
@Billy I'm saying you can solve the problem by not breaking the word up
move it to a new line instead
until the spec can define (or better, point to a definition of when to hyphenate word breaks to new lines [IIRC the rule is "always" but then again grammar "rules" are often just "suggestions"]) then it probably shouldn't be done with CSS
 
@Billy have you considered using ­? stackoverflow.com/questions/226464/…
2
 
@cimmanon TIL
 
3:42 PM
I would suggest experts-exchange vs expert-sexchange — CJ Dennis Mar 27 '14 at 4:58
 
@TylerH The word is longer than the container's width. Moving it to a new line doesn't solve anything..?
 
@Billy overflow
but really why are you trying to fit such a long word in a small container? There's undoubtedly a better solution
 
if its dynamic content, he might not be in control of what the user submits
 
@TylerH It's dynamic, and I'd rather not use JS to manually insert hyphens if possible
 
in which case the user probably doesn't care about it scrolling vs "smart" wrapping
a word broken up onto multiple lines is less readable than just scrolling a couple pixels to read the rest of it
 
3:45 PM
@TylerH Mobile view, very long word, it's inside a slide show type thing
i.e scrolling isn't possible, and it wouldn't be acceptable in terms of design either
 
i would just use break-word in that case, its going to be the best compromise for browsers that dont support hyphens
 
 
alternately, teach them how to use soft hyphens
 
@Billy smaller text size
 
weird proportions
 
3:47 PM
@ZachSaucier hm?
 
Looks terrible
 
lol, yes
 
@cimmanon Massive cms user base, this is not an option
 
but not just the text
 
the problem is you're trying to separate two aspects of design
they should be picking words that fit in the container
 
3:49 PM
Haha, I wish it were that simple
 
or you should be designing containers that can fit the word "congratulations" without looking empty
why can't you make those banners wider?
they can overlap the next and previous ones by a little and it would actually look better
 
^^
they're awkwardly skinny atm
 
I could, but the point is I don't know what stupidly long words are going to be put in there in the future.
 
IMO it's not your problem
 
^
 
3:51 PM
make it the best you can
 
A hyphen won't solve the problem of broken word ugliness anyway
 
can't be 100% perfect
 
Well, it is my problem, because when some text overflows out of the container, it is my job to fix it so it displays properly
 
if this is a CMS they should have control over the text size and such anyway
so if they have some huge word and won't want it to look that way they can change it around
 
Haha no way should they be allowed to change the text size
This is a massive organisation, the amount of CMS editors is in the hundreds, and none of them are competent in design or IT.
They should be able to add title, text, image and it should work
If we allowed them to start changing the text size and such, the website would be a disaster
 
3:54 PM
There's nothing more to be discussed, it seems
 
@ZachSaucier ok..
 
4:11 PM
hi, why does setting min-height: 100% on my html tag mess up the height:100% on my body tag?
 
@RuvenS what do you mean "mess up"?
 
it's no longer 100% of the containing block but rather the height of the content
 
min-height says at minimum be 100% height. The content is longer, so that means it can go higher than 100%
having 100% on the body makes it take up the full height of the document (who's height is set by the content in this case)
 
that's what I want, but the content is not longer though (unless I make the screen smaller)
 
@RuvenS yes, it is longer.
 
4:19 PM
I don't know what you are seeing but on my screen it's definitely not longer here.
https://u.teknik.io/nVp5o.png
 
"Web programming isn't real programming" lol, ok.
 
@MadaraUchiha einstein was right, stuff's relative
 
@RuvenS you posted a jsfiddle, it looks longer to me
 
@CSᵠ If it's stupid and it works it's not stupid. If it's a bad job and you enjoy it, it's not a bad job.
 
@MadaraUchiha i smiled at a comment there on that article, let me get it...
> "Some languages really are just bad."
^ that's just funny
always needs context
 
4:23 PM
ah, right. Well, the red border is the border of the body and it sizes with the content if I use min-height instead of regular height in the html tag
 
I spent the better part of the day explaining how the very basics of CSS and layout works to the most proficient engineer we have a couple days ago
Web development is not easy. It's merely a different kind of hard.
 
one thing is true, anyone bitches abot a language is just not experienced enough
 
if one can parse html in brainfuck, good for you
 
@ZachSaucier already been on that page. it works except the background image doesn't resize properly and you scroll into a white background. I've tried putting the background image inside the body tag in css but that didn't work either
 
4:28 PM
demos that don't show the true problem aren't very helpful :/
 
when I make the window smaller you scroll into a white background* (I want the website to be responsive)
 
@CSᵠ Oh, I bitch about languages all the time.
Most languages are horrible in their own particular way
And bitching about them is a fun way of learning The Good Parts
 
ohh well i bitch about X not having some feature i'm used to liking in Y but that's about it
 
stretching a background isn't a good way to do it. It'd be better to fix the image
 
4:40 PM
Alright, I found a solution. Thanks @ZachSaucier @cimmanon for trying to help.
 
5:01 PM
bookmarks using only the favicon are so handy
every time my professor says "password" he doesn't sound like he says the p
also "answer" sounds like the exact same thing somehow
 
i had a teacher for a unix course that would always say "shella script"
 
crl
hmm, for a table resizer, if I'm using percentage width for <td> and the <table> should I use also a margin-left in percentage or it's fine in pixels (looks bad to me to mix px and %)
<table style="margin-left:20px; width:80%"> vs <table style="margin-left:10%; width:80%">
let's go full % for width/margin-left, and full px for height/margin-top
 
5:46 PM
http://www.commitstrip.com/en/2016/02/08/a-simple-solution-to-a-complicated-problem/
CommitStrip
A simple solution to a complicated problem
CommitStrip
1454953365
 
6:03 PM
Is there any known solution to the issue of clip-path only working on the first object it is applied to?
4
Q: Using CSS clip-path only affects first object in webkit browsers?

mtjhaxI am trying to use the CSS clip-path attribute to apply an SVG clipPath to some elements in a page. For example, HTML (note that clipPathUnits="objectBoundingBox" allows the circle to be expressed in fractions of the containing element size): setTimeout(function(){ $('.circle:first div'...

It only works on the first image object, on the remaining image objects, the image disappears altogether. I'm using Chrome
 
 
2 hours later…
7:39 PM
@AgniScribe it works for me in Chrome. I don't have my other PC to test on others
 
7:50 PM
@ZachSaucier can you install firefox on a chromebook?
 
no
well, yes, but not really
I run something called Chrubuntu (I think you can guess what it does) which lets me run a version of FF among other things
ChromeOS natively does not let you install anything other than extensions (and maybe what they call "apps" or something - they seem like the same thing to me)
 
8:13 PM
Is this an appropriate room to ask about wordpress?
 
maybe
 
I have a friend who has a wordpress site. I have no experience with wordpress nor the time to learn it, php, etc.. but he wants what would basically be a plugin for his site that I offered to look into possibly doing. my background is in python/django. He basically wants a cost estimator which will pull from a large database of services/items/products. He wants it embedded into a specific page of his website, not it's own page and is adamant about this. My question is:
Could this be designed/backed by python/django, hosted on another webserver, and served to the user through his site via an iframe?
 
8:42 PM
Hey fellas
Is there any pseudo class for element last clicked
 
@user568109 no
@clickhere btw, there is a wordpress.SE
 
@clickhere could it be? Yes. Should it be? No
 
What is :active used for
 
telling which element is currently active
 
active is last selected right
 
8:49 PM
nope
 
hello guys
 
then
 
how can i get the post value from this <select  id="shipment" onchange="myFunction3()" name="shipment2" disabled>
it shows an error of Unidentified index
i know it is because of disabled
 
@JonasDulay "post" value?
 
yes
 
8:50 PM
what do you mean?
 
<form action="<?php echo base_url()?>Items/order_item" method="post">
it is inside a form
 
so, the value...
 
yes yes
 
what have you tried?
 
none i just know the cause
remove disabled
but i need it disabled for some reason
 
8:53 PM
@JonasDulay disabled form fields dont submit a value
 
use javascript or library
 
is there anyway to solve it ?
 
perhaps you want to set it to readonly instead?
 
you prefer
plz tell how is active different from last selected
active should give last element i select through keyboard or mouse click right ?
never mind i got it
 
9:01 PM
had it open doesnt explain it well
best way to learn
practise yourself
 
what doesn't it explain?
"When interacting with a mouse, this is typically the time between the user presses the mouse button and releases it."
 
 
1 hour later…
10:22 PM
I am really starting to dislike my new role at this place
someone is leaving and their job of handling Microsoft Office issues is falling to me
these are really desktop tech support tickets...
like "incoming messages are getting deleted from my inbox" and "I can't open this infopath file"
I dunno shit all about outlook or infopath and I don't wanna
I don't even fucking know what infopath is
 
10:59 PM
@TylerH ... yeah i wouldn't like to have to deal with desktop tech support tickets... but it seems like that happens often with small businesses
"Hey, you're a computer person, help fix this problem"
we even have a full department that's for handling those kinds of issues, and yet i still get them from time to time because I'm closer.
I wouldn't be happy if that became part of my job, where any time someone had that kind of problem it was my job to fix it... That would interrupt my work too much.
 
11:32 PM
@TylerH "have you tried turning it off and on again"
that's all you need to know, and go back to what you were doing
 
11:45 PM
I have no idea about gradients, how would I make this be a centered horizontal line and centered vertical line instead of the X have a +
 
@crypticツ all you should need to do is change the direction (first argument of linear-gradient) of each gradient
 

« first day (1014 days earlier)      last day (2774 days later) »