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

A doodle of a Slime from the Dragon Quest game with the word fifteen in Chinese, Malay, and English on the left.

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!

--

--

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