With React, Emotion and -webkit-line-clamp

I have often found that the theoretical side of Software Development would be lost on me without some form of practical application. Very early in my career I would seek greater understanding for how things worked in the form of trying to build something myself. This sort of Do It Yourself attitude helped shape my ability to write code that makes great use of existing libraries. I strongly believe that we should not only endeavour to know the documentation and use the tools but also be able to build the thing we want to use in our projects.

With that…


Simple CSS, Awesome Effect

Parallax Scrolling is a super simple, super cool CSS effect that allows you to do one of two things:

  1. Set some content as the background of some container and fix it so that when the user scrolls the page it stays put.
  2. Set some content as the background of some container and make it appear to move slower than the elements around it when the user scrolls the page.

Today I’ll be taking you through the CSS and an example of the second effect using stock images from Pexels.com and some help from Miles Morales (example 1) and Goku and…


Simple CSS, Awesome Effect

Parallax Scrolling is a super simple, super cool CSS effect that allows you to do one of two things:

  1. Set some content as the background of some container and fix it so that when the user scrolls the page it stays put.
  2. Set some content as the background of some container and make it appear to move slower than the elements around it when the user scrolls the page.

Today I’ll be taking you through the CSS and an example of the first effect using stock images from Pexels.com. ̶I̶’̶l̶l̶ ̶c̶o̶v̶e̶r̶ ̶t̶h̶e̶ ̶s̶e̶c̶o̶n̶d̶ ̶e̶f̶f̶e̶c̶t̶ ̶i̶n̶ ̶a̶n̶o̶t̶h̶e̶r̶ ̶s̶h̶o̶r̶t̶ ̶a̶r̶t̶i̶c̶l̶e̶. …


With React and Intersection Observer

I have often found that the theoretical side of Software Development would be lost on me without some form of practical application. Very early in my career I would seek greater understanding for how things worked in the form of trying to build something myself. This sort of Do It Yourself attitude helped shape my ability to write code that makes great use of existing libraries. I strongly believe that we should not only endeavour to know the documentation and use the tools but also be able to build the thing we want to use in our projects.

With that…


A problem solving tale from a Software Developer…

As we all know, the dating world is a beast of a thing. We primp and preen and peacock and prepare for a few hours of nervous banter and awkward/funny moments. We dance around from date to date hoping for the next or that final date that ends the dating phase. And, once you’ve made it past the dating phase you’re good! Right?

Wrong!

You still need to put in the same amount of effort you did while you were finding your footing. …


Use observables to work with constantly changing data!

I am working on a University assignment to build a site in Angular using Australian Football League (AFL) data from the Squiggle API (api.squiggle.com) and one of the user stories asked me to show a list of predictions that your team will win. So, naturally I built a table. Being the overachiever I am, I wondered, “Is it possible to sort a few of the columns in the table?” Well, the answer was obviously yes. But was it an easy task?

Heck. NO.

Coming from a primarily React background, I tried to take a very React approach and that failed…

Dewaun Ayers

I'm a Frontend Dev living in Melbourne, Australia and studying Computer Science. I love anything to do with web tech and am constantly trying to learn more!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store