15th weekly post, a sticky configuration. Also, goal-gradient effect.

Items of the week

  1. CSS — an element with position: sticky; sticks to the nearest parent / ancestor element that is scrollable , thus wrapping the said element in a container might change its behaviour. The explanation is available on MDN Web Docs.
  2. Serverless — the Serverless framework configuration file (serverless.yml) allows using variables as config values, e.g. light: ${env:LIGHT_SWITCH}, what's great is that it also allows nested variable references, e.g. light: ${env:${opt:room}_LIGHT_SWITCH}. Details can be found on the documentation page.
  3. Design — use progress visualisation, gamification, and activity tracking in design to motivate users toward desired goals. These techniques can invoke the goal-gradient effect where users might put more efforts as they get closer to targets, as explained by an article on UX Collective.

Note of the week

On the week 42 of 2021, we saw the release of Node.js 17 with the underlying V8 JavaScript engine updated to version 9.5 and also the release of Chrome 95 that marks the start of the new user-agent reduction origin trial. That’s all for this week’s post, thank you for reading and if you have got any feedback, do let me know by leaving a comment. Have a nice day!




Into web app development, UX, and Kopi-O.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to create a Countdown component using React & MomentJS

How To Effectively Collaborate With Git/GitHub As A Software Developer

Famous camelCase vs kebab-case JavaScript

WordPress theme development using Gulp 4

Creating PWA with React in Typescript

Backend APIs Made Easy With KeystoneJS

Picture showing the logo of KeystoneJS

In this Article we cover what is Virtual DOM and How it works internally.

How Programming Made Me Superhuman

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


Into web app development, UX, and Kopi-O.

More from Medium

Dog Breed Classifier

Two-Step Flow In Action

It started with insomnia…….

Week 4: Ideation