This year it’s 12 years since I built what I still think is the most pure implementation of how I personally envision a social feed of a site to work (except maybe the masonry effect). The social feed at Flattr: https://www.dailymotion.com/video/xqfed0
The one thing I would make different today is not to drop the #progressiveEnhancement or the #noJs approach – it’s that I would drop jQuery and instead use some minimalistic modern helpers.
In fact, this is what I did when I worked for the HD-Sydsvenskan newspapers. I based those helpers on my personal collection of helpers and in the end we open sourced them (as we open sourced a module that needed them): https://github.com/Sydsvenskan/js-dom-utils
I still think that it’s easiest to create #noJs HTML sites with <form> tags initially and then use #progressiveEnhancement to turn them into a smoother experience.
That’s still how I would build such a social feed today.
Did you know that responsive web is not limited to text and page layout. It also allows us to define and select the image with correct size from a list of sources depending on viewport size. Best part is, all of this is part of HTML5. No JS needed.
Yeah, server-side tracking was the expected route of mass #SurveillanceCapitalism of course. Much harder to block to block this shit and protect #privacy.
It is a case to go for a #NoJS / #SansScript browsing experience by default, and then only allow-list trusted websites.
I'm really enjoying coding interactive Web UI components with TailwindCSS and AlpineJS. Having the markup, styling, and behaviour all in a single place is very productive. Just a <link> tag and a <script> tag to get these from CDN and done.