Be nice. Or else.
Here're two benefits:
The same variable can be used in multiple properties. Updating a variable automatically updates all properties it has been used in. You don't need to update the CSS of multiple elements anymore. Example: The scrolling effect of the shapes on the top of the site happens by updating only ONE variable.
The styling is part of your CSS, not JS. All your styles are in one place and you can tell how a element behaves just by looking at your CSS.
Here're a few more benefits: https://medium.com/@electerious/the-power-of-css-variables-6c4e4ebaf279
Let me know when you use it. I'm curious to see what people can do with it :)
Are you talking about the edges of the rectangle? This usually happens when you rotate a box via CSS. There's sadly nothing I can do about it. It depends on the browser rendering and screen resolution (retina & not retina).
Thanks! Glad you like it :)
Elements should be placed correctly when you reload the page.
Seems to be a wired bug in Chrome only. I've tested the basicScroll demos and all of them work fine. Must be an issue with my implementation on the site. Really interesting. I will take a look at it. Thanks for letting me know! :)
Made a site for my parallax JS scrolling library.
basicScroll adjusts CSS variables depending on the scroll position and allows to build butter butter-smooth animations.
Have been working on the site for a while now and I'm very happy with the result :) Hope you like it, too. Feedback is always welcome!
New colors, bold typography and subtle gradients: I'm very happy to bring a fresh new look to my personal website with all the things I enjoy. It's a huge difference to my old site from 2014 and also my first experiment with canvas. The interactive background adds some life and motion to the site. I hope you like it. Feedback is welcome!
I couldn't care less.
I made a dedicated site to keep track of the coffee I've ordered and tasted. Feedback and coffee recommendations are welcome! :)
background-attachment: fixed for the background, which is a performance nightmare. Replacing it with
background-repeat or something similar improves the performance drastically. Here's a comparison:
Be nice. Or else.
Designer News is a large, global community of people working or interested in design and technology.