website VS eleventy 🕚⚡️

SVG has been transforming web-experiences (particularly for viz) for quite some time now, see:

- https://mlu-explain.github.io/neural-networks/

- https://www.nytimes.com/spotlight/graphics

- https://pudding.cool/

Graphics programming analysis done using examples written in WebGL–genius. Hypertext that takes full advantage of the medium. This reminds me of something I'd see on https://pudding.cool/, but it goes far more in depth than anything there. Absolutely fantastic article.

I've been using MSAAx4 in my rendering engine for some time and only recently have considered switching to a FXAA / TAA implementation. I'm actually not sure I'm going to go through with that now. I definitely learned a lot here, and will probably use the analytical approach for UI items, I hadn't heard about that anywhere.

Not often you see graphics-programming stuff on HN. For anyone interested in more graphics write-ups, this list of frame breakdowns is one of my favorite resources:

https://www.adriancourreges.com/blog/

I think NY Times started long back and this style was kinda "cool" that goes well with the narrative. Then, there is https://pudding.cool that does this pretty well. Now, many just copy and tries without a meaningful treatment and is just there - kinda not working-out in most cases.

Tip: Try reading with Reader Mode.

Also check out https://pudding.cool if you’re unfamiliar and enjoy extremely high effort visualizations alongside editorial and educational text content.

Hello all, I am a JS beginner and I am passionate for creating data-driven stories on a website, like Pudding. I have watched some YT videos and learned that Python is a basic skill for dealing with data. However, I am confused about what Python does in such website? I know JS and it libraries like D3.js are used for front-end development and interactive data display, then what's the role of Python? For the website backend (such as Django)? Or is used for data cleaning and analysis? Or others? Or python is not actually required for making a data-driven story website?

https://pudding.cool/ ?

The main reason why I've got interested in frontend is that (1) it seems to be a field that can be much more diverse and collaborative across different fields (ex: working with designers) and (2) it directly interacts with users. Interactive journalism, data visualization, data storytelling (as in The New York Times or The Pudding) are my main interests currently, so it is more accurate to say I got interested in frontend with focus on those specific fields.

I've still lots of TODOs, like porting my 11ty websites back to Django, tidy and re-organise my home office/maker room, finish my electronic projects, get started on DJ lessons on my DJ deck my husband bought me 2 years ago (time flies 🫣)... and figuring out this MPC thing (which I heard was sold out the day we ordered it last week). Although related to the latter, I'm looking forward to going to Superboothh (synth festival in Berlin) in May.

There's something I like about the full circle. The web has gone through its various phases since 2010 - the single page app years, the JavaScript-for-everything years - and come out the other side valuing progressive enhancement and server-rendered HTML again. My site is built with Eleventy and deployed from GitHub Actions to S3 with CloudFront. It felt fitting to bring back a feature from an earlier era, built with the principles I care about now.

If you're hell-bent on headless, I can personally recommend 11ty (https://www.11ty.dev/) and hugo (https://gohugo.io/). That said, for non-technical admins, you probably want a user interface. For that, Ghost (https://ghost.org/) and Grav (https://getgrav.org/). Or Wordpress!

This is the exact reason I decided to avoid 11ty for my personal website and instead went with Jekyll [0].

[0] https://github.com/11ty/eleventy/graphs/contributors

The translations are stored in language-specific directories (e.g., /de/, /es/, /fr/), which enables me to organize everything during the build process. I use 11ty to generate static HTML from my posts written in markdown.

Hey, DEV community! Are you tired of the same old portfolio templates that look like everyone else’s? Want a blazing-fast, modern, and actually fun open-source portfolio that you can truly call your own? Let me introduce you to OptiFolio! 🔥 Built with Eleventy (11ty) for developers by a developer (me!) who loves simplicity, performance, and a little bit of flair.

A few days later, I discovered 11ty (Eleventy). It is a static site generator that uses JavaScript, a template language of your choice for layout, and Markdown for post writing.

The static site generator (SSG) landscape is crowded with feature-rich but increasingly complex solutions. As I looked at and used tools like lume, 11ty, lektor, or jekyll, I found myself drowning in configuration options, plugins, and middleware. What started as a simple desire to convert Markdown content into HTML had evolved into learning complex frameworks with steep learning curves.

Eleventy