Pinned Tweet
cdpn.io/e/WjJorb/?editors=11… Testing syntax suggested by @AmeliasBrain after @meyerweb made a @csswg request based on my📰 css-tricks.com/easing-linear…
Andreas Larsen retweeted
LAB gradients are more beautiful.
I was very happy, when @d_kzlv told me that @larsenwork’s postcss-easing-gradients got an option to use LAB.
It is much more convenient for me than using gradient generators.
postcss-easing-gradients makes your gradients more beautiful by:
1. Using LAB color space instead of RGB to avoid grayish colors in the middle.
2. By changing colors with easings (like in animations).
github.com/larsenwork/postcs…
Andreas Larsen retweeted
@larsenwork did a really good article on @css showing how to do 'scrim' gradients based on easing gradient values at multiple color stops to approximate the curve and reduce linear banding. My demo is based on a sine easeInOut curve without processing.
css-tricks.com/easing-linear…
Andreas Larsen retweeted
Random thought: I'd like to thank @larsenwork for making the Monoid font. I've been using it for years, it's the only programming font with the crispness I crave on my 1x DPI display AND ligatures. If you have similar preferences, you should try it. larsenwork.com/monoid/
Andreas Larsen retweeted
Awesome easing gradient demo and editor larsenwork.com/easing-gradie… #easinggradients #cssfuture vía @larsenwork 🤩
Andreas Larsen retweeted
Se hvor hurtigt du kan komme med offentlig transport til København. Prøv selv her: benna100.github.io/copenhage… #københavn #bolig #dktrp #kollektivtrafik
Andreas Larsen retweeted
My favorite feature of new easings.net/ is that we show selected easings function on a gradient.
@larsenwork created PostCSS plugin to apply easings to gradients to make them more natural.
larsenwork.com/easing-gradie…
Also, we show the real animation examples for easing.
Andreas Larsen retweeted
When you work with #innovation, you have to test your concepts. Coded prototypes make it possible to evaluate the user’s interaction with your product and to avoid that they get stuck on usability.
- #UX/#UI Engineer @larsenwork on #DesigningForTheFuture
#design #technology
Andreas Larsen retweeted
Really cool post — Motion design doesn’t have to be hard. medium.com/google-design/mot…
I wish that building this kind of animation was easier to do. What's the best way to do this these days?
Andreas Larsen retweeted
I have to use Safari's reading mode on @medium, which is build for reading, because there top and bottom banner annoy me during reading. Go figure.
ALT screenshot of article on Medium with top and bottom banner to subcribe
ALT same article in safari's reading mode without banners
“This is a prime example of a tool doing one thing and doing it very well while encouraging creative exploration. I really, really like this” @razvancaliman talking @CSSconfeu about my #easinggradients editor — thanks for the kind words 😊🙏 youtu.be/oGobLmA_WVQ – at Azerbaijan
Andreas Larsen retweeted
Ancient Rome’s System of Roads Visualized in the Style of Modern Subway Maps bit.ly/2sYuHIZ
Andreas Larsen retweeted
Did you know that if you
-open an empty index.html file on VSCode
- type !
- press enter
It gives you a quick HTML boiler plate! 💫
Andreas Larsen retweeted
API supporting Color Vector Fonts (OpenType SVG glyphs) on iOS make an appearance in Xcode 10 beta 2! 😎
What are color fonts? colorfonts.wtf
w3c spec: w3.org/2013/10/SVG_in_OpenTy…
Did I miss a wwdc presentation on this?
Even in Cph — the bike capital of world — cars take up 54% of the space but only accounts for 9% of the traffic.
theguardian.com/cities/galle…
Not all blurs and gradients are equal — comparing rgb, lrgb, css blur, and svg blur in chrome and safari. larsenwork.com/talks/piter/?… My slides from @pitercss_conf are up — very hacky for now...only desktop + keyboard nav 🙈 #nuxt #easinggradients
Andreas Larsen retweeted
Get this Sketch freebie - Easing Gradients Profile for the awesome Easing Gradients plugin. Check it out!
sketchappsources.com/free-so…