Tobias Reich

Tobias Reich

Joined about 5 years ago via an invitation from Ivo M. Tobias has invited Paul Neave, Jason Corbett

  • 16 stories
  • 76 comments
  • 92 upvotes
  • Posted to Next level parallax scrolling with CSS variables, in reply to Hamish Taplin , Feb 15, 2018

    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

    0 points
  • Posted to Next level parallax scrolling with CSS variables, in reply to Mick N , Feb 14, 2018

    Let me know when you use it. I'm curious to see what people can do with it :)

    0 points
  • Posted to Next level parallax scrolling with CSS variables, in reply to Surjith S M , Feb 14, 2018

    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).

    0 points
  • Posted to Next level parallax scrolling with CSS variables, in reply to Brandon Zell , Feb 13, 2018

    Thanks! Glad you like it :)

    0 points
  • Posted to Next level parallax scrolling with CSS variables, in reply to Joel Marchand , Feb 13, 2018

    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! :)

    0 points
  • Posted to Next level parallax scrolling with CSS variables, Feb 13, 2018

    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!

    0 points
  • Posted to New Portfolio - Electerious, Sep 18, 2017

    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!

    0 points
  • Posted to Why did I spend $350+ on a pair of headphones?, May 14, 2017

    I couldn't care less.

    9 points
  • Posted to Coffee Table ☕️, Mar 15, 2017

    I made a dedicated site to keep track of the coffee I've ordered and tasted. Feedback and coffee recommendations are welcome! :)

    0 points
  • Posted to 2017 Portfolio, Jan 13, 2017

    You're using 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:

    With background-attachment: fixed: With background-attachment

    With background-repeat: With background-repeat

    22 points
Load more comments