lvivski

11 ms·

1.
The Golden Quarter (2014)(aeon.co)
3 points by lvivski 5y ago|0 comments
2.
Realtime CSS Animations Editor(vimeo.com)
4 points by lvivski 13y ago|0 comments
3.
by lvivski 13y ago
http://lvivski.com/anima By the way it's the only to support physics in animations
4.
by lvivski 14y ago
Gloss supports standard CSS syntax with addition of mixins, variables and calculations. Rework is more about "create your own CSS"
5.
by lvivski 14y ago
It just shows the power of css, so you can even recreate animated gifs in CSS
6.
by lvivski 14y ago
Dart syntax is familiar and it's a plus, you don't have to learn new syntax quirks.
7.
by lvivski 14y ago
:) well I have no test for now, but there will be test for route parsing and other stuff.
8.
by lvivski 14y ago
Dart is a language and a platform behind it. It's really easy do develop advanced applications in Dart and then translate them to javascript. But you are also able to run it in a separate VM.
9.
by lvivski 14y ago
Those graphs show the opposite. DartVM is the fastest among the three "dart, js, dart2js", then comes Dart2js due to highly optimizable generated code, then handwritten javascript
10.
by lvivski 14y ago
Well, Start uses another project called Hart [1] template engine that has syntax similar to Slim or Jade. And I'm going to include Gloss [2] there too, it's a CSS preprocessor, but it's not stable yet. [1] http://github.com/lvivski/hart [
11.
Start — Dart web framework inspired by Sinatra(github.com)
42 points by lvivski 14y ago|27 comments
12.
by lvivski 14y ago
It's more like "Handwritten Javascript vs Dart2JS generated Javascript" and the latter is better optimized
13.
Dart2js is faster than V8 in DeltaBlue test(dartlang.org)
56 points by lvivski 14y ago|38 comments
14.
by lvivski 14y ago
Yes, these libraries are very good, but they don't generate "@keyframes", Anima does in CSS mode. And as far as I see they have no parallel animations like http://lvivski.github.com/anima/example/parallel.html . The ball moves forward with
15.
by lvivski 14y ago
Thanks for your feedback! You can post issues on github, if you have and troubles or questions.
16.
by lvivski 14y ago
Pure CSS animations can be paused and resumed via Javascript. It's not trivial to stop them and preserve last known state of the node, and apply next animation so that is starts with that state. Controling CSS Transitions is even more diff
17.
by lvivski 14y ago
It can do both: generate pure CSS Animations and animate items via Javascript, CSS 3d transforms and requestAnimationFrame.
18.
Anima — tool for CSS3 Animations(lvivski.github.com)
41 points by lvivski 14y ago|7 comments
19.
by lvivski 14y ago
I can do both, generate pure CSS3 animations, and animate items through Javascript, CSS 3d transforms and requestAnimationFrame
20.
by lvivski 14y ago
It can create animations using pure css or use requestAnimationFrame to animate. Here are examples http://lvivski.github.com/anima/#examples
21.
Anima — CSS animations with a soul(lvivski.github.com)
3 points by lvivski 14y ago|0 comments
22.
by lvivski 14y ago
http://lvivski.github.com/anima/#examples
23.
by lvivski 14y ago
well, yes. CSS has variables syntax too ( http://dev.w3.org/csswg/css-variables/ ) but for the time of compiling you don't know anything about the runtime, so you can't calculate things like "10em + 5px" 'cause EM's absolute value depends o
24.
by lvivski 14y ago
BOSS uses different approach. If you want to have declarations of "button" in "button-primary" you can just write <button class="button button-primary"> But is you want to reuse some fancy image-border "button" and "input", so
25.
by lvivski 14y ago
there is a list off all HTML tags, if a tag with that name exists, it will be treated as a TAG, if it doesn't, it will be treated as a BEM block. That simple. This gives some restrictions to Blocks' names, but it's not a big problem, cause
26.
by lvivski 14y ago
In simple cases `&` is just replaces by parent selector (Like in SASS or LESS), only some cases are treated as BEM nesting (pseudo-selector that doesn't exist, etc). If you use SASS or LESS and happy with them, you don't need BOSS. But
27.
by lvivski 14y ago
BOSS already has regular CSS as a starting point. If you give regular CSS to it's input you get this css in output (with some indentation changes 'caused by parsing process) Then you can use syntactic sugar: variables, declaration mixins, n
28.
by lvivski 14y ago
You are partially right. I've added a test with simple selectors: classnames, pseudo. BOSS expands nesting with underscore separation only in case of BEM selectors (Blocks, Elements, Modifiers) But it uses cascading with all other selectors
29.
by lvivski 14y ago
LESS uses ".class" extendig dor mixins. It's totally wrong, you don't need to extend a class, 'cause you can assign multiple classnames to a DOM node. The only thing you need to extend is a set of declarations (properties), so you create a
30.
by lvivski 14y ago
BOSS is compatible with standard CSS selector syntax, you don't have to use BEM features if you don't want to.

More ›