« first day (970 days earlier)      last day (3985 days later) » 

8:01 PM
@Shmiddty I have the opposite problem, lol
Sound, but no video
 
user1596138
Hmm.....
 
@rlemon Which is also consistent if I access the video directly... sound, but no video.
 
:/
 
@SomeKittens qunb is hiring
 
wtf?
 
you are all missing codecs?
Shmiddty is missing audio / Ryan is missing video?
 
I guess so. Maybe I should just reinstall Chrome.
 
but that makes no sense.
because Canvas controls the video
 
did anybody think about the game recently ?
 
@jAndy you lost it
 
8:06 PM
I'll convert them to oggs and see if it is just a mp4 issue
 
 
:sings: All the other kids, with their pumped-up kicks...
 
<video> and mp4 apparently don't always play nice
 
@rlemon it's cool when I get the full effect
 
The whole thing works in IE 10. But that means I have to use IE 10.
 
8:10 PM
^ that
fucking that....
well 1) I still can't get CORS working.
2) downloading a conversion tool to convert the mp4 to ogg
 
...wow, 7.6 GB update. Thank goodness for awesome speed here.
 
> Transitions are a presentational effect. The computed value of a property transitions over time from the old value to the new value. Therefore if a script queries the computed style of a property as it is transitioning, it will see an intermediate value that represents the current animated value of the property.
the fuck?
presentational effect... therefore all backing data models are affected
NO SENSE AT ALL
if something is said to presentational, superficial etc... that means exactly the opposite
 
The reasoning makes no sense
 
it means that it will ONLY look like the div is transitioniong, but data models reflect the final value
 
@Esailija Where do they say backing data models are affected?
 
8:21 PM
> Therefore if a script queries the computed style of a property as it is transitioning, it will see an intermediate value that represents the current animated value of the property.
 
whatup
 
everything from .offsetWidth to computedStyle("width") is screwed
 
What behavior would you expect?
 
getBoundingClientRect
 
`s/screwed/transitioned
 
8:21 PM
I expect transition to be PRESENTATIONAL
and not affect the data queries
 
@BenjaminGruenbaum to see the final value
 
exactly
 
And not the current one?
be back later
 
the current one IS the final one
 
not while transitioning
 
8:22 PM
I mean
you addClass
.horse {
width: 400px;
}
 
That's a very narrow horse
 
then, when I query width, I should see 400px regardless if the transition is going on
 
IOW, the computed value does not reflect what's written by CSS but rather what is rendered
 
because it says "is presentational"
 
^ agree with Esailija here
 
8:24 PM
but, according to the reasoning, the computed value should reflect what's written in CSS, not what's displayed
 
I'm not sure I agree with you here, but I see the problem.
 
they say that it is only presentational. but then say fuck you, that doesn't mean what you think it does
Transitions are a presentational effect.
 
Either behavior could be useful, but the reasoning is wrong
 
The question is, "is css even only presentational anymore" the answer is - nobody knows.
I agree that the reasoning is stupid
 
holy crap
 
8:25 PM
Also @rlemon stop pooping on slides.
 
20mb mp4 is 53mb ogv
 
if they say that, then I expect some way to get the 400px regardless of what bullshit superficial animation is going on :P
 
The correct reasoning would be that otherwise there would be no way to access the rendered value
 
@BenjaminGruenbaum damn, there goes my weekend
 
@Esailija maybe you're right, but fact of matter is, animations are built into CSS and not JS but they're still part of the behavior.
 
8:25 PM
there is no way to get the 400px until the transition is done
and you're supposd to know that there is a transition in the first place
imagine if some extension adds transition to your page
it's so bullshit
 
document.styleSheets[n].cssRules[i].height // 400px
 
@rlemon find the rule
 
I wrote code to do this a while back
 
@rlemon that's like, not the same thing at all. Although it will apply in my overly simple example, yes :P
 
@Esailija so it actually changes the computed values? even if it's a CSS transition, not a JS one...
 
8:26 PM
it's on SO somewhere
 
also, god bless you if it's a user style
 
@redline it affects everything
.computedStyle( width), .offsetWidth, getBoudnignClientRect
every single one of those return the rendered width that is currently animated
not the 400px
 
@Esailija well. time to complicate this example son :P
 
BSOD in the middle of editing. There are good reasons why people hate on Windows. Luckily I was using vim and didn't lose anything.
 
8:28 PM
@Esailija can you get the 400px anywhere?
 
well just imagine 10 different css rules affecting the calculation in various convoluted complicated ways
you will not be able to get the final value of the transition until the transition is actually done
and you have to know that there is a transition in the first place
someone could have added it
so suddenly all code that relies on .width() etc is not correct
my god
it's the end of the world
 
well it's not like the transition effect merges, you can only do that manually with commas, otherwise one transition would override the outer, so 10 CSS rules affecting the calculation is a bit far-fetched don't you think?
 
the point was to show that querying some css rule source text is not the same thing
it's like querying your javascript source code for variable state
 
gotcha
 
and you again need to know what css to query
so it's fragile for several reasons
 
8:31 PM
0
Q: Web app data storage

steoLet's say I have two or more tabs , with ,for example , a couple of input and textarea. Users can fill this fields and switching tabs. Of course they don't have to lose the data inserted some minute ago. Here comes the question : how would you save the data to show them when the users switch b...

 
you could listen to the animationstart for each element, then you at least know it's in an animation
 
but on the other side of the coin, maybe your calculations WANT the rendered width, not the real width
 
@redline point is assuming is wrong
facilitate both functionalities.
 
that's not easy to see from code that is written not to expect transitions on elements it's calling getClientRect or .width() etc on
it could save the value for later use
 
well i mean that really depends on the code dude
like, i could want to use JS to draw a circle in the bottom right corner
not CSS obviously for this example
and if it's animating, i want the animated width so the circle stays in the corner
even if you didn't expect the transition
 
8:34 PM
element.addEventListener('animationstart', function() {
  this.setAttribute('data-height', this.offsetHeight /* pre animation right? so this should work? */);
}, false);
 
your intended functionality remained, technically
but i agree that there should be something to distinguish
@Esailija on a side note, have you still been thinking about that closure performance we were talking about?
 
yes accessing deeper variables is slower
 
proportionally?
 
the deeper, the slower
 
yes but like a second level closure is twice as slow as a first level?
 
8:39 PM
<inception joke here>
 
or is the first closure a big hit, then little ones from there
 
I mean referencing a variable
 
@JanDvorak haha
 
if that variable is local to just the current function
then it's real stack variable
 
(I'm back bitches)
 
8:39 PM
after that it's heap with more indirection the deeper it is
 
@RyanKinal @Shmiddty I will need both of you to test this in like ~5 minutes
@CapricaSix about fucking time!
 
i understand that it is slower as you go farther down the chain
 
user1125394
@CapricaSix you're the one
 
@Moustach Welcome to the JavaScript chat! Please review the room pseudo-rules. Please don't ask if you can ask or if anyone's around; just ask your question, and if anyone's free and interested they'll help.
 
but i'm curious as to the steps themselves
 
8:40 PM
!!/mustache Kevin Murphy
 
!!/choose "tough it out at current job" "switch to different SF job" "Move back to NE"
 
@SomeKittens All of the above
 
damn it
 
user1125394
you don"t deserve it yet
 
8:41 PM
USELESS FRACKING EXCUSE FOR A ROBOT
 
!!/choose "help @SomeKittens get job at LeCroy" "help him get job in Cambridge, MA"
 
@KevinMurphy help him get job in Cambridge, MA
 
@SomeKittens What's bad about the job?
 
@KevinMurphy help @SomeKittens get job at LeCroy
 
8:42 PM
WHAT
the confusion. I guess you're going nowhere lol
 
Alright
 
take ALL the jobs!
 
tl;dr - FANBOIS! FANBOIS EVERYWHERE!
 
@Esailija but am i making sense here? i could want to access a variable right outside my function scope, 1 level, and it may be an equal performance hit to compared to accessing a closure variable many more levels down the scope chain, because going down the scope chain itself is negligible compared to the big performance hit of iterating down the scope chain in the first place...OR...does each level contribute as much of a performance hit as the last? ...so you see the difference?
@Esailija obviously it gets slower with each level, but HOW slow comparatively?
 
8:45 PM
obviously if you cared for performance you wouldn't have any nested closures in the first place
you are making GC cry
but yeah I dunno
^^
 
well sometimes you need a closure
 
jesus... how do other people show videos on their site without waiting ten years to load it
 
@rlemon iFrames?
(The YouTube video API is having issues at the moment)
 
i'm not going to go so crazy as to ignore closures all together, that would be crazy
 
8:46 PM
you can see it;s in the network tab
 
I am not saying you can't have IIFE e.g. for a module
those are cool
 
but it takes so long to load.... 50meg video
 
those are created once for the duration of a program
 
oh you are talking about the literal CREATION of closures, not their accesses?
 
duh
 
8:48 PM
well just accessing something doesn't create object unless it's some evil getter with side effects
except mentioning arguments creates the arguments object
 
@rlemon still no sound in chrome
 
but that's magical
 
@RyanKinal @Shmiddty and everyone else who didn't have luck with the mp4 lemonmeme.com/demos/motion_demo_ogv.html
try the ogg version
 
ok well, putting arguments aside
 
@rlemon that's the version I was referring to
 
8:50 PM
i guess there are two different points in time i am talking about here and i didn't distinguish
 
saying function(){} creates a function object and it's prototype with various pointers anytime you meet it
 
when the function is created, as you just did
 
quick jquery question?
 
@Shmiddty do you have video? because I did have the file name fucked up before
 
is the performance hit THERE when you create the function?
cause it builds CONTEXT
OR
 
8:50 PM
now imagine a loop that mentions function(){}
no I'm talking object
 
is there a way to set a jquery scroll function that detects scrolling without overflow?
 
building an object each time
 
teh function object and prototype object and their pointers that are created
 
i get it
this entire time i haven't been talking about that
 
Can everyone with Chrome please visit : lemonmeme.com/demos/motion_demo_ogv.html and let me know if you get both Audio AND Video (after it loads ofc)
 
8:51 PM
function(){}.prototype !== function(){}.prototype
 
i've been talking about AFTER that function is created
 
@rlemon I do
 
ACCESSING a closure variable
 
yeah just saying that you wouldn't have nested closures
in the first place
but it's slower to access a closure variable the deeper it is
at least initially
 
yes yes
 
8:52 PM
@Shmiddty this is so fucked
 
but my question remains the same
HOW slow
 
like.... what?!
 
is it slow to just DO IT, levels don't matter in comparison
 
how do I even debug something like this lol
 
OR, is it the same hit for each level
WHEN ACCESSING (not creating...the function)
 
8:53 PM
so let me show code to see what you mean
 
@rlemon Yep, getting it with Chrome on Windows
 
@SomeKittens did you have issue with it before?
 
@SomeKittens which chrome?
 
Ryan and Shmiddty were having issues (no Video / Audio respectively)
but like... it's a <video> tag.. so I'm not sure there is anything I can do aside from controlling the format going in
 
var a = function() {

    var deep = 1;

    var b = function() {

        var c = function() {
            var notsodeep = 2;
            var d = function() {
                return notsodeep > deep;
            };

            return d;
        };

        return c
    };


    return b;
};

var notsodeepisbetter = a()()()();
 
8:54 PM
@rlemon Not on this PC/OS (my first try here).
Mac is currently on fire, that's where I had issues before.
 
and you can have the function to do this everytime with var fn = a()()()
then you can fn() to see that notsodeep is better ? :P
 
Not sure if enjoyable experience with ergonomic keyboard is due to ergonomics, or not having to use Mac keyboard.
 
well I will test some more when I get home
all of my PC's here work fine
strange.
 
@Esailija i understand that notsodeep is better
but, let's say you had a local variable in function d
 
ok
 
8:57 PM
so let's compare the time it takes to access the local, notsodeep, and deep
maybe when put on a chart (assume bar graph), notsodeep and deep look the same
 
user1125394
!!/choose account_user accounts_users
 
when compared to local
 
@cx account_user
 
OR
does it look like a staircase?
see what i mean?
 
user1125394
I tend to agree with Miss Six randomness
 
8:58 PM
its a mapping table?
 
so I am compiling this
 
user1125394
@rlemon yep
 
account_user[_map]
 
user1125394
@rlemon rly with braces?
 
8:59 PM
well you are accessing deep twice, so wouldn't that throw it off?
 
@cx no, that was to show you I would append _map to my map tables
 
user1125394
square brackets*
 
or are you just going to look at the assembly again?
 
user1125394
but ok for the map
 
[] <- stuff in here is optional
 

« first day (970 days earlier)      last day (3985 days later) »