« first day (863 days earlier)      last day (4103 days later) » 

3:01 PM
.alert input:checked ~ * {
 -webkit-animation-name: dismiss, hide;
 -webkit-animation-duration: 300ms;
 -webkit-animation-iteration-count: 1;
 -webkit-animation-timing-function: ease;
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-delay: 0s, 300ms;
}
@-webkit-keyframes dismiss {
  0%   { opacity: 1;  }
  90%,100% { opacity: 0; }
}
@-webkit-keyframes hide {
  100% { height: 0px; width: 0px; overflow: hidden; margin: 0px; padding: 0px; visibility: hidden; } /* small 1px fragment left over - not perfect. F U no display transition */
seems to work
minus the commented crap
if I could lookbehind in css ...
.alert input:checked **crazy symbol** .alert { display: none; }
or direct parent selector
or even the subject selector would likely work if it were standard
 
emm ... how can i detect if object was created by ` new ActiveXObject('MSXML2.XMLHTTP.3.0')` ?
 
check if it isn't undefined
?
 
Hello everyone, do you know how to hide the <select> dropdown button (that little triangle on the right of the element) via js?
 
basically , i need to do: if (obj instanceof SOMETHING) .. what is the "something" for new ActiveXObject('MSXML2.XMLHTTP.3.0')
 
@tereško if(obj instanceof ActiveXObject) is the closest you can get with just instanceof, I believe
 
3:07 PM
progId iirc contains information
just testing now
 
naah .. that is not the problem
IE7 does not know how to do instanceof
 
!!/google mdn instanceof
 
You can replace instanceof with crawling the prototype chain manually.
!!/mdn object getPrototype
 
3:12 PM
@tereško ActiveXObject.prototype.isPrototypeOf(obj)
 
naah
basically i fixed it by replacing if (element instanceof XMLHttpRequest) with ` if ("onreadystatechange" in element)`
 
way to go :-)
less reliable, I guess
 
yeah ... but works for IE7
 
isPrototypeOf doesn't work in IE7?
 
dunne ... i m not all that inclined to test
 
3:16 PM
BTW, why do you support IE7
 
it works, now lets bury it
@JanDvorak it was preventing "please upgrade your IE7" popup from showing up
 
ooooh :DDD
(I have three mouths, you know)
 
Hahaha
 
gah, why does this not work (Coffeescript)? if($("#"+user.UserID).checked)
alert("YES!11!oneeleven")
else
alert("NO")
 
Because of the colon that should have been a semicolon?
 
3:21 PM
Sorry, forgot to specifiy, it's coffee script, and the users is 0,14,21 a list of checkbox values
 
!!/tell CBredlow format
 
@CBredlow Format your code - hit Ctrl+K before sending and see the faq
 
indentation is significant in coffeescript
 
it's all indented properly, I just botched it when sending it here
 
!!/tell CBredlow format
 
3:24 PM
@CBredlow Format your code - hit Ctrl+K before sending and see the faq
 
if($("#"+user.UserID).checked)
      alert("YES!11!oneeleven")
else
      alert("NO")
 
rlemons CSS only dismissable alerts revel in my awesomeness.
 
Mind moving my first message to trash?
 
@CBredlow you have one more space before if than before else. Could that matter?
 
no
 
3:28 PM
seriously.. I don't know if I should be proud I was able to produce this: or sad that I had the time and I was able to produce this
 
i just srated learning Javascript
 
@CBredlow I get parse error at line 3 if else is less indented.
 
How about CoffeeScript
 
@designerNProgrammer do you like python?
 
nops
How Much time it will take me to master JS
 
3:29 PM
@designerNProgrammer do you like significant whitespace?
 
@designerNProgrammer what does "to master sth" mean in your opinion?
 
Means,i can do stuff on job easily..
 
Coffeescript has significant whitespace, and compiles to javascript. Knowing javascript helps understand coffescript IMO
 
CoffeeScript is for hipsters who want to write python/ruby for their js
IF you know JS and prefer the syntax... eh, I have no argument.
 
3:32 PM
What does Hipster mena?
mean?
 
@designerNProgrammer 10,000 hours
 
@rlemon what about code golf?
 
but you should 100% learn js before coffeescript
 
!!/tell des urban hipster
 
3:32 PM
@des [hipster](http://hipster.urbanup.com/2705928) Hipsters are a subculture of men and women typically in their 20's and 30's that value independent thinking, counter-culture, progressive politics, an appreciation of art and indie-rock, creativity, intelligence, and witty banter. The greatest concentrations of hipsters can be found living in the Williamsburg, Wicker Park, and Mission District neighborhoods of major cosmopolitan centers such as New York, Chicago, and San Francisco respectively. Although "hipsterism" is really a state of mind,it is also often intertwined with distinct
 
oh
Well, i am also learning ASP.NET
 

rlemons grab bag.

21 hours ago, 2 minutes total – 6 messages, 1 user, 0 stars

Bookmarked 5 secs ago by rlemon

Javascript Resources.

Sep 4 '12 at 13:36, 2 minutes total – 8 messages, 1 user, 1 star

Bookmarked Sep 4 '12 at 13:40 by rlemon

Both conversations are full of useful links for learning Javascript
 
<H1> HELLO</H1>
 
nice....
 
SO MANY LINKS. FLAGGED!
 
3:34 PM
PFFT! this is no place for helpful resources! Flagged!
 
m59
I'm still looking for guidance if anyone has about 5 minutes to look over my code.
 
Try asking us
 
m59
Would you like to look over my code? lol
 
@RoelvanUden thanks anyway :)
 
m59
There's too many details to put into a question. I need someone to look at my scenario and critique my approach to it. Should be easy.
 
3:42 PM
codereview
??
 
m59
That's hopeless.
 
o_O
Hopeless?
 
m59
No responses.
 
hello
can I ask a specific question?
 
m59
Sure.
That's kinda the point.
 
3:46 PM
because it's too specific so I'm afraid it will be closed if I open a question on SO
 
Ask or ask not. There is no asking to ask.
 
I'd like to show the dialog like this page
the mail dialog, when clicking it, it slide up.
the dialog at left-bottom corner
how could I do it?
 
m59
What do you mean, slide up?
 
@Emerald214 it's just position:fixed and some javascript animations. Not too difficult.
 
m59
and what is being clicked?
 
3:47 PM
Click the grey bit at the bottom
 
Yes, the mail dialog at left-bottom. Did you see it?
http://www.lazada.vn/
 
m59
Ah.
It works great already....you want it to go the other direction?
 
no, I want its source code :D
 
@Emerald214 right click => inspect element
 
@Jan: it's too complicated to extract and understand
 
3:49 PM
I believe it's just position:fixed and some jQuery.
 
m59
it's very easy.
It's using jQuery animation to reduce the height to 0.
That's all.
 
jQuery really helps creating animations
it also leverages some cross-browser inconsistencies
 
Can you give me a small snipet? I knew basic JQuery. :)
 
$("#foo").click(function(){$("#bar").slideToggle()})
 
m59
3:52 PM
Oh yeah, forgot about that.
 
or slideUp, slideDown and some state tracking
 
Yea!
F JS
cough
just leave this here
 
hi, let me try
 
I get a feeling someday @rlemon will stop using JavaScript and write all his code in CSS.
 
@rlemon: is it always on top?
 
3:58 PM
@BenjaminGruenbaum no, but I will try
 
Want to create a mouse maze game? CSS is all you need
 
JQuery is preferred
 
radio+checkbox hacks === win
 
@rlemon I expected this:
 
@Emerald214 what you are asking for is easy to produce and literally will be thousands of tutorials on google
write something up then come back to us if it don't work .
@BenjaminGruenbaum :( my knee pain is blocking my trollbilities
 
4:00 PM
I don't know how to put it always on top.
 
google is your friend
as is, you currently qualify as a "Help Vampire"
this is not a good thing
 
> I was a great troll but then I got an arrow to the knee
 
@JanDvorak hehe pretty much yea
@jcolebrand how's you CSS hacking skills monkeyman?
 
ok thank you : )
 
@rlemon I mean, I'm a professional front end dev. I would say it's pretty good.
 
4:02 PM
@Emerald214 we're all about helping - but we need you to attempt something first. let us see where you are and your current understanding
 
gives us the jsfiddles and nobody gets hurt
 
@jcolebrand ok. see I like to produce stupid shit with css just because I can.
atm: because transitions do not allow you to modify display properties i'm trying to fake "hide" the containers.
but the .alert divs still maintain a single pixel height
there is no parent selector in CSS
how would I make this cleaner?
 
@rlemon ... wow
 
lol
whaaaaat
 
can you change the visibility to display: none?
 
4:04 PM
no in the transition
display is ignored in transitions
 
heh I was doing something very similiar a while back
css only modals
 
@Loktar how do you fake display:none in transition?
 
doesn't work
hang on
 
I had an issue with it I could never fix, that may have been related to that
 
inspecting
 
4:05 PM
/me finds code
 
@jcolebrand from my research in a keyframe animation or a transition property the display property for the style rule is ignored
I have confirmed this in the inspector.
but I'm sure there must be a way to completely nuke the element without display: none;
problem is the parent container will never be touched. I'm just removing all children of it. having no children allows it to be not seen, having a child without display: none; doesn't.
 
well you're not removing it
 
well no i'm not
:P I know i'm not i'm trying to get a workaround
 
I must have been disgusted with it
can't find it now
 
You cannot star your own messages

click here to remove the notification bar

but why not ?
why everyone wants to control humans
 
4:09 PM
@rlemon Am I uncool if I say your alerts look more responsive if you totally drop the animation and simply make it display:none ?
Animations on UI are most often painful...
 
http://jsfiddle.net/rlemon/zRapy/ is without transitions and display: none; see how the container is made not visible because it's children are no display.

http://jsfiddle.net/rlemon/xsGUd/ with the animation you will notice the .alert keeps a small height.
@dystroy yea. but I want the animations!
:P
@dystroy first draft there were none
but I want em ;)
 
@rlemon I remember you working on alerts months ago
 
@rlemon the issue is the p.inner having a forced-height of 2px
 
that was Notifier.js
@jcolebrand but the animation should put it to 0px
 
@rlemon Given that the whole is about proving your strength I understand (and I'm totally incompetent when it comes to animations so I won't help you, I'll just be amazed when you achieve your goal)
 
4:11 PM
should it not?
@dystroy yea doing stuff "because I can" is a big part of my programming (for fun)
 
I get that :)
 
@TimeToShine you're thinking about this rlemon.github.com/Notifier.js
 
@rlemon why are you developing so many libraries though
 
@jcolebrand OMG
border-radius
wow
CSS fail.
@TimeToShine because I can
 
@rlemon it's in the webkit-margin here, I believe
 
4:14 PM
@jcolebrand remove the border in the hide animation and it's fine now
in Chrome latest stable at least
 
there still appears to be a trailing margin
 
I don't see it. I mute the margin: 0px; as well there
 
just refresh the page and kill a middle box
 
ahh
 
Of course, I'm on OSX and that could be part of the issue
 
4:16 PM
all of them have top AND bottom margin
 
@rlemon notifier.js is damn cool ...
 
you're likely seeing the top and bottom merged incorrectly.
but that is just a guess.
but I will continue to look into it ;)
@NullPointer thanks
 
@rlemon why should it merge? You've only removed the internals from rendering.
You may rejigger it and make the current "margin" into a "padding".
 
hrmm, yea that makes no sense.
the original element is there but has a height of 0
so the surrounding elements should position themselves like it is not there
 
Does content:"" do anything useful?
 
m59
4:20 PM
@JanDvorak Definitely.
 
@JanDvorak where?
 
m59
ohhh, you meant in his script? n/m if so lol
 
content: "" doesn't seem very useful to me with nothing in it
 
m59
You use it to style, as you would a div.
 
@rlemon margins collapse through empty elements with no border or background
I'm wondering if content:""; border: none; backround: none; would be a good replacement for display: none;
 
m59
4:23 PM
 
eh
 
@m59 I mean, on the element itself, not after
 
m59
Oh, that doesn't even work lol.
 
@rlemon has to do with visibility being in play
Even though you've got a height of 0px, you've still got margins applied.
 
m59
I'm pretty sure content only works on before and after
 
4:25 PM
The only thing that removes margins is display: none or removing it from the DOM entirely.
or changing the bloody margins
 
or removing the contents
 
@JanDvorak no
 
changing the margins seems like a fine hack
 
That leaves the DOM element that has the margins in the first place
 
but I change the margin
and I cannot display: none; the element
this is all a glorious hack around that
well it looks as though codepen.io/rlemon/pen/vmIlC this is the closest i'll get it before lunch time
 
4:37 PM
Peggy had many valentine cards while I only had one. Peggy is a whore
 
@rlemon I'm telling you. Invert your margins into inner-paddings and try again.
 
@rlemon I can't wait till lunch time
!!/tobacconist
 
@BenjaminGruenbaum Drop your panies, Sir William, I cannot wait till lunchtime
 
4:55 PM
Anyone not busy and wouldn't mind helping me out with collecting variables (js/php) and sending them to an e-mail address? stackoverflow.com/questions/15070912/…
 
@sn0wy before I even look at that question:
Which component is responsible for sending the email?
 
currently it would be php
that actually sends the mail
 
ok.
Now, would you kindly explain this?
> but I believe that I cannot input html into an external .js script, so I call upon the experts for help.
 

« first day (863 days earlier)      last day (4103 days later) »