Andreas Larsen
@larsenwork
Devsigner, open sourcerer, creator of e.g. easing-gradients, Gidole + Monoid typefaces and stuff... Working @LEOilab, previously @momondo
You might like
cdpn.io/e/WjJorb/?edit… Testing syntax suggested by @AmeliasBrain after @meyerweb made a @csswg request based on my📰 css-tricks.com/easing-linear-…
Easing Gradients (by @larsenwork) 🔗 bram.us/2021/12/20/eas… 🏷 #css #gradients #link
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/pos…
@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-…
css-tricks.com
Easing Linear Gradients | CSS-Tricks
Linear gradients are easy to create in CSS and are extremely useful. As we'll go through in this article, we can make them visually much smoother by creating
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/
Awesome easing gradient demo and editor larsenwork.com/easing-gradien… #easinggradients #cssfuture vía @larsenwork 🤩
Se hvor hurtigt du kan komme med offentlig transport til København. Prøv selv her: benna100.github.io/copenhagen-com… #københavn #bolig #dktrp #kollektivtrafik
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-gradien… Also, we show the real animation examples for easing.
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
Really cool post — Motion design doesn’t have to be hard. medium.com/google-design/… I wish that building this kind of animation was easier to do. What's the best way to do this these days?
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.
“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
youtube.com
YouTube
CSSconf EU 2018 | Razvan Caliman: We have DevTools. What about...
Ancient Rome’s System of Roads Visualized in the Style of Modern Subway Maps bit.ly/2sYuHIZ
🔥 Wrap curly brackets around your console.log arguments to see the variable name when logged. This takes advantage of ES6 shorthand syntax
The way we programmers explain what we've written
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! 💫
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… 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/gallery…
Not all blurs and gradients are equal — comparing rgb, lrgb, css blur, and svg blur in chrome and safari. larsenwork.com/talks/piter/?s… My slides from @pitercss_conf are up — very hacky for now...only desktop + keyboard nav 🙈 #nuxt #easinggradients
Get this Sketch freebie - Easing Gradients Profile for the awesome Easing Gradients plugin. Check it out! sketchappsources.com/free-source/33…
United States Trends
- 1. Jets 60.5K posts
- 2. Henderson 18.3K posts
- 3. Justin Fields 6,906 posts
- 4. Drake Maye 14.1K posts
- 5. AD Mitchell 1,964 posts
- 6. Patriots 128K posts
- 7. Judge 173K posts
- 8. Cal Raleigh 6,340 posts
- 9. Diggs 7,924 posts
- 10. Pats 12.4K posts
- 11. Purdue 8,613 posts
- 12. #TNFonPrime 2,583 posts
- 13. #911onABC 15K posts
- 14. Brownlee N/A
- 15. #TNAiMPACT 4,873 posts
- 16. Braden Smith 1,487 posts
- 17. John Metchie N/A
- 18. AL MVP 16K posts
- 19. #JetUp 1,903 posts
- 20. Mack Hollins 2,666 posts
Something went wrong.
Something went wrong.