Juncaj: Marrenarre: I’m trying to do that but I’m unable to figure out how to copy the stylesheet from developer tools. The most basic of basic problems

Krausse: Amandbu: View the source of the HTML do***ent and navigate to the CSS files.

Pechacek: I’ve also tried copying the stylesheets directly, like from my file manager, but when I load that into one of the websites, it doesnt seem to work.

Pinski: One of the testcase websites, I mean

Enriques: Ok wow, I got it to work. http://paste.asmcbain.net/417b3f7b/edit#html

Dobbin: So I’m trying to move the “front” cl*** above the “box3” cl***

Trabucco: I guess I basically want them to switch positions, and then I want to move the “box3” cl*** further down the page which I can figure out. I just can’t figure out how to get “front” above “box3”

Masincup: Could 100% width be different with absolute positioning ?

Masincup: It is a kinda weird question, here is the fiddle http://jsfiddle.net/18st6vzn/

Masincup: The last line of css breaks the column width

Masincup: I’m absolute positioning table rows

Masincup: Like here http://opml.go-here.nl/opml-viewer.html

Masincup: But I want one colum to take the remaining width

Masincup: The others are all hardcoded as they need to be

Masincup: Drej: click the th to see why :

Rufi: Are you doing all of this just to have a scrollable area with fixed thead?

Masincup: I’m not sure what you mean, the goal is to animate table sorting

Masincup: But my current implementation can only do fixed size width colums

Masincup: But go on, why would it be?

Rufi: The way youre animating it makes it really slow

Masincup: That is because it is a stress test, the table is to big

Masincup: It actually needs to be done like this for speed purposes believe it or not

Rufi: But you have fun with that

Masincup: Let me explain, it is fun, my aggregator has 2000 headlines

Masincup: New ones have to be inserted at the right location/date

Masincup: If I just sort it as a js array

Masincup: I have to create all the dom nodes

Masincup: Re-positioning is faster than re-creating

Masincup: I also dont want a jumping screen as new headlines will be inserted continuosly

Masincup: I guess Ill just have to calculate the wdith with js :

Rufi: For what its worth, this is incredibly slow and doesnt work right

Rufi: Your sort positioning is all off, you have items overlapping, gaps with no items in them etc

Masincup: Drej: you are right, it is to big, this one is less choppy http://opml.go-here.nl/table-sort-demo.html

Rufi: Http://i.pud.ca/image/0K100S2t2U3y

Rufi: Ok but “its too big” is dumb

Masincup: Drej: oh what browser is that?

Rufi: It doesnt work at all in safari

Masincup: Is the other one any less terrible?

Rufi: Its less terrible, but its very naive given that you dont control how big that list is going to be

Rufi: The way youre animating it and the number of calculations youre doing is definitely taking more time than just redrawing the dom

Masincup: If I put the animation on 0 steps it was faster in firefox at least

Rufi: Margin based css animations are not gpu accelerated

Rufi: Like just as a starting point

Rufi: But really, the moment you have even a couple hundred rows here, which i’m ***uming is quite likely in a real world scenario

Rufi: This thing will crawl

Rufi: And that’s on my $3k macbook

Rufi: I cant imagine what it would do on lower end machines or mobile for that matter

Rufi: But i dont know who your audience is