#staticsite — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #staticsite, aggregated by home.social.
-
Over the past 6–10 months or so (it’s hard to tell exactly), I got inspired by @veronica and built a static site using @11ty. Since I’m not a native speaker of web development, it was an uphill battle at times, but it was so rewarding in the end. I did need to make use of a community template as a framework, and I settled on Brewventy by @cyberseckyle. I am thankful to be able to stand on the shoulders of these giants. And, as is customary for a new blog owner, I had to write a blog post about it!
https://mathiaswright.gitlab.io/compendium/posts/how-i-made-this-website/
P.S. I’m still new to this “social media” thing, so I don’t know if it’s cool to @ random people on the internet (sorry).
#tech #webdev #website #blog #blogging #blogs #blogpost #writing #writingcommunity #gitlab #staticsite #11ty #eleventy
-
Over the past 6–10 months or so (it’s hard to tell exactly), I got inspired by @veronica and built a static site using @11ty. Since I’m not a native speaker of web development, it was an uphill battle at times, but it was so rewarding in the end. I did need to make use of a community template as a framework, and I settled on Brewventy by @cyberseckyle. I am thankful to be able to stand on the shoulders of these giants. And, as is customary for a new blog owner, I had to write a blog post about it!
https://mathiaswright.gitlab.io/compendium/posts/how-i-made-this-website/
P.S. I’m still new to this “social media” thing, so I don’t know if it’s cool to @ random people on the internet (sorry).
#tech #webdev #website #blog #blogging #blogs #blogpost #writing #writingcommunity #gitlab #staticsite #11ty #eleventy
-
Over the past 6–10 months or so (it’s hard to tell exactly), I got inspired by @veronica and built a static site using @11ty. Since I’m not a native speaker of web development, it was an uphill battle at times, but it was so rewarding in the end. I did need to make use of a community template as a framework, and I settled on Brewventy by @cyberseckyle. I am thankful to be able to stand on the shoulders of these giants. And, as is customary for a new blog owner, I had to write a blog post about it!
https://mathiaswright.gitlab.io/compendium/posts/how-i-made-this-website/
P.S. I’m still new to this “social media” thing, so I don’t know if it’s cool to @ random people on the internet (sorry).
#tech #webdev #website #blog #blogging #blogs #blogpost #writing #writingcommunity #gitlab #staticsite #11ty #eleventy
-
Over the past 6–10 months or so (it’s hard to tell exactly), I got inspired by @veronica and built a static site using @11ty. Since I’m not a native speaker of web development, it was an uphill battle at times, but it was so rewarding in the end. I did need to make use of a community template as a framework, and I settled on Brewventy by @cyberseckyle. I am thankful to be able to stand on the shoulders of these giants. And, as is customary for a new blog owner, I had to write a blog post about it!
https://mathiaswright.gitlab.io/compendium/posts/how-i-made-this-website/
P.S. I’m still new to this “social media” thing, so I don’t know if it’s cool to @ random people on the internet (sorry).
#tech #webdev #website #blog #blogging #blogs #blogpost #writing #writingcommunity #gitlab #staticsite #11ty #eleventy
-
Over the past 6–10 months or so (it’s hard to tell exactly), I got inspired by @veronica and built a static site using @11ty. Since I’m not a native speaker of web development, it was an uphill battle at times, but it was so rewarding in the end. I did need to make use of a community template as a framework, and I settled on Brewventy by @cyberseckyle. I am thankful to be able to stand on the shoulders of these giants. And, as is customary for a new blog owner, I had to write a blog post about it!
https://mathiaswright.gitlab.io/compendium/posts/how-i-made-this-website/
P.S. I’m still new to this “social media” thing, so I don’t know if it’s cool to @ random people on the internet (sorry).
#tech #webdev #website #blog #blogging #blogs #blogpost #writing #writingcommunity #gitlab #staticsite #11ty #eleventy
-
Imagine my pride when the eldest of my two #children, aged 12, said she'd like to learn #HTML and #CSS and build her own #staticSite.
I briefly considered pointing her at e.g. #NekoWeb, but then realised: hey - I've got a #NAS and a full fibre connection: I could #selfhost something "like" the Nekode editor, right?
A couple of dozen lines of #Caddy and Docker configuration later, she had a working browser-based #VSCode with drag-drop file support that publishes directly to her domain. Super easy. Highly recommended.
Here's how I did it:
🔗 https://danq.me/selfhosted-static-site-editor -
This week's #WebOrigami comic: Pagination
More about Origami Tree.paginate builtin function: https://weborigami.org/builtins/tree/paginate.html
HTML comic: https://weborigami.org/comics/pagination.html -
𝗕𝗹𝘂𝗿𝗿𝘆:
https://thewhale.cc/posts/1765835666-blurry
A low-configuration static site generator in Python with a focus on SEO and page speed.
-
The one header I didn't add yet: CSP.
For sites that render untrusted input it mitigates an active surface. For a static site it guards against rarer-but-bigger events: a compromised analytics script, a poisoned CDN, a future change that adds an input path.
Astro 6 added an integration for what it emits; iframes, external fonts, and third-party services stay manual. Will inshallah follow when the audit fits.
-
The one header I didn't add yet: CSP.
For sites that render untrusted input it mitigates an active surface. For a static site it guards against rarer-but-bigger events: a compromised analytics script, a poisoned CDN, a future change that adds an input path.
Astro 6 added an integration for what it emits; iframes, external fonts, and third-party services stay manual. Will inshallah follow when the audit fits.
-
The one header I didn't add yet: CSP.
For sites that render untrusted input it mitigates an active surface. For a static site it guards against rarer-but-bigger events: a compromised analytics script, a poisoned CDN, a future change that adds an input path.
Astro 6 added an integration for what it emits; iframes, external fonts, and third-party services stay manual. Will inshallah follow when the audit fits.
-
Web Estática vs WordPress: ¿Velocidad o Poder? ⚡📝
WordPress es el rey de la flexibilidad: dinámico y fácil de gestionar. Ideal para publicar contenido rápido sin tocar código.
Las Webs Estáticas (Hugo, Astro) son rendimiento puro: sin bases de datos, ultra seguras y cargan a la velocidad de la luz. Ideales para ingenieros que aman el control y el minimalismo.
¿Prefieres un panel de control o un git push? 🚀
#WebDev #WordPress #Hugo #Astro #DevOps #StaticSite #Tech #Frontend
-
Skipped Permissions-Policy on the static site.
It disables browser APIs (camera, mic, geolocation) the site doesn't use. Disabling something you're not using doesn't protect you from anything.
Embedding YouTube with fullscreen would also mean carving exceptions back in. More config for zero gain.
The scanner score drops one notch. The site is no less safe.
-
Skipped Permissions-Policy on the static site.
It disables browser APIs (camera, mic, geolocation) the site doesn't use. Disabling something you're not using doesn't protect you from anything.
Embedding YouTube with fullscreen would also mean carving exceptions back in. More config for zero gain.
The scanner score drops one notch. The site is no less safe.
-
Skipped Permissions-Policy on the static site.
It disables browser APIs (camera, mic, geolocation) the site doesn't use. Disabling something you're not using doesn't protect you from anything.
Embedding YouTube with fullscreen would also mean carving exceptions back in. More config for zero gain.
The scanner score drops one notch. The site is no less safe.
-
A bit inside baseball -- how I made my blog faster: cut CI per push from ~6 min to ~2 min, and kept every home/archive page O(1) in corpus size. Principles: compute once at input-change time, put the result under a stable URL, let everything downstream pull it from cache.
https://benjaminhan.net/posts/20260511-site-efficiency/?utm_source=mastodon&utm_medium=social
-
A bit inside baseball -- how I made my blog faster: cut CI per push from ~6 min to ~2 min, and kept every home/archive page O(1) in corpus size. Principles: compute once at input-change time, put the result under a stable URL, let everything downstream pull it from cache.
https://benjaminhan.net/posts/20260511-site-efficiency/?utm_source=mastodon&utm_medium=social
-
A bit inside baseball -- how I made my blog faster: cut CI per push from ~6 min to ~2 min, and kept every home/archive page O(1) in corpus size. Principles: compute once at input-change time, put the result under a stable URL, let everything downstream pull it from cache.
https://benjaminhan.net/posts/20260511-site-efficiency/?utm_source=mastodon&utm_medium=social
-
A bit inside baseball -- how I made my blog faster: cut CI per push from ~6 min to ~2 min, and kept every home/archive page O(1) in corpus size. Principles: compute once at input-change time, put the result under a stable URL, let everything downstream pull it from cache.
https://benjaminhan.net/posts/20260511-site-efficiency/?utm_source=mastodon&utm_medium=social
-
A bit inside baseball -- how I made my blog faster: cut CI per push from ~6 min to ~2 min, and kept every home/archive page O(1) in corpus size. Principles: compute once at input-change time, put the result under a stable URL, let everything downstream pull it from cache.
https://benjaminhan.net/posts/20260511-site-efficiency/?utm_source=mastodon&utm_medium=social
-
This week's #WebOrigami comic: Track changes in your site
More about Origami's Dev.changes builtin: https://weborigami.org/builtins/dev/changes
HTML comic: https://weborigami.org/comics/track-changes-in-your-site.htmlThis Origami tool works with any #staticsite generator!
-
This week's #WebOrigami comic: Track changes in your site
More about Origami's Dev.changes builtin: https://weborigami.org/builtins/dev/changes
HTML comic: https://weborigami.org/comics/track-changes-in-your-site.htmlThis Origami tool works with any #staticsite generator!
-
This week's #WebOrigami comic: Track changes in your site
More about Origami's Dev.changes builtin: https://weborigami.org/builtins/dev/changes
HTML comic: https://weborigami.org/comics/track-changes-in-your-site.htmlThis Origami tool works with any #staticsite generator!
-
This week's #WebOrigami comic: Track changes in your site
More about Origami's Dev.changes builtin: https://weborigami.org/builtins/dev/changes
HTML comic: https://weborigami.org/comics/track-changes-in-your-site.htmlThis Origami tool works with any #staticsite generator!
-
This week's #WebOrigami comic: Track changes in your site
More about Origami's Dev.changes builtin: https://weborigami.org/builtins/dev/changes
HTML comic: https://weborigami.org/comics/track-changes-in-your-site.htmlThis Origami tool works with any #staticsite generator!
-
Most cache misconfiguration is not carelessness, it's a missing handshake.
Your build encodes assumptions: hashed filenames mean the URL changes whenever the content changes. The web server has to know that, or the assumption stays unused.
If the config doesn't reflect what the build produces, the framework's work gets quietly undone at the last layer of the chain.
-
Most cache misconfiguration is not carelessness, it's a missing handshake.
Your build encodes assumptions: hashed filenames mean the URL changes whenever the content changes. The web server has to know that, or the assumption stays unused.
If the config doesn't reflect what the build produces, the framework's work gets quietly undone at the last layer of the chain.
-
Most cache misconfiguration is not carelessness, it's a missing handshake.
Your build encodes assumptions: hashed filenames mean the URL changes whenever the content changes. The web server has to know that, or the assumption stays unused.
If the config doesn't reflect what the build produces, the framework's work gets quietly undone at the last layer of the chain.
-
Your site loads. From the outside it works. But: do returning visitors re-download everything on every click? Can the connection be downgraded from HTTPS to HTTP on public WiFi? Does your homepage count as one site in Google's eyes, or two?
For most static sites: no, yes, and yes. The web server config is the last layer most setups never touch.
-
Your site loads. From the outside it works. But: do returning visitors re-download everything on every click? Can the connection be downgraded from HTTPS to HTTP on public WiFi? Does your homepage count as one site in Google's eyes, or two?
For most static sites: no, yes, and yes. The web server config is the last layer most setups never touch.
-
Your site loads. From the outside it works. But: do returning visitors re-download everything on every click? Can the connection be downgraded from HTTPS to HTTP on public WiFi? Does your homepage count as one site in Google's eyes, or two?
For most static sites: no, yes, and yes. The web server config is the last layer most setups never touch.
-
Your site loads. From the outside it works. But: do returning visitors re-download everything on every click? Can the connection be downgraded from HTTPS to HTTP on public WiFi? Does your homepage count as one site in Google's eyes, or two?
For most static sites: no, yes, and yes. The web server config is the last layer most setups never touch.
-
Sidenote: If anyone has good recs for an open source #JavaScript library that can do flipbook-style visualizations for digital #zines embedded in static sites: please let me know 🙏🏿
-
Sidenote: If anyone has good recs for an open source #JavaScript library that can do flipbook-style visualizations for digital #zines embedded in static sites: please let me know 🙏🏿
-
Sidenote: If anyone has good recs for an open source #JavaScript library that can do flipbook-style visualizations for digital #zines embedded in static sites: please let me know 🙏🏿
-
Sidenote: If anyone has good recs for an open source #JavaScript library that can do flipbook-style visualizations for digital #zines embedded in static sites: please let me know 🙏🏿
-
Sidenote: If anyone has good recs for an open source #JavaScript library that can do flipbook-style visualizations for digital #zines embedded in static sites: please let me know 🙏🏿
-
FOSS, single-file, vanilla, save with CTRL + S. This is designed to make single file webpages/programs in absolute position or VW. The keyboard is like Vi. 20 levels per project. #IndieWeb #PersonalWebsite #SmallWeb #VanillaJS #NoFramework #StaticSite #WebDesign #HandCrafted #SelfHosted #DigitalGarden #OwnYourData #WebDev #MinimalistWeb #HTML5 #OfflineFirst
-
FOSS, single-file, vanilla, save with CTRL + S. This is designed to make single file webpages/programs in absolute position or VW. The keyboard is like Vi. 20 levels per project. #IndieWeb #PersonalWebsite #SmallWeb #VanillaJS #NoFramework #StaticSite #WebDesign #HandCrafted #SelfHosted #DigitalGarden #OwnYourData #WebDev #MinimalistWeb #HTML5 #OfflineFirst
-
This week's #WebOrigami comic: Cache slow resources
More about Origami's Tree.cache builtin: https://weborigami.org/builtins/tree/cache
HTML comic: https://weborigami.org/comics/cache-slow-resources.html -
This week's #WebOrigami comic: Rewriting nested function calls
More about Origami pipe operator: https://weborigami.org/language/expressions#pipe-operator
HTML comic: https://weborigami.org/comics/rewriting-nested-function-calls.htmlFWIW there's a (stale?) JS proposal for a pipe operator: https://github.com/tc39/proposal-pipeline-operator
-
This week's #WebOrigami comic: Group pages
More about Tree.groupBy builtin function: https://weborigami.org/builtins/tree/groupby
HTML comic: https://weborigami.org/comics/group-pages.html -
This week's #WebOrigami comic: Group pages
More about Tree.groupBy builtin function: https://weborigami.org/builtins/tree/groupby
HTML comic: https://weborigami.org/comics/group-pages.html -
Un nuovo generatore di siti statici scritto in Crystal porta velocità estrema, template Jinja2 e funzioni moderne per blog e documentazione. #StaticSite #CrystalLang #OpenSource #Linux #Web #Ubuntu #Debian
-
This week's #WebOrigami comic: Serve anything
More about Origami's serve command: https://weborigami.org/builtins/dev/serve
HTML comic: https://weborigami.org/comics/serve-anything.html -
This week's #WebOrigami comic: Deferring work
More about Property getters in Origami: https://weborigami.org/language/expressions#property-getters
HTML comic: https://weborigami.org/comics/deferring-work.html -
Repost to celebrate the 0.40.0 release:
Launching BSSG - My Journey from Dynamic CMS to Bash Static Site Generator
Announcing the public release of BSSG, a Bash Static Site Generator born from a personal journey away from complex dynamic CMS. Discover a simple, portable alternative for your blog.
-
Repost to celebrate the 0.40.0 release:
Launching BSSG - My Journey from Dynamic CMS to Bash Static Site Generator
Announcing the public release of BSSG, a Bash Static Site Generator born from a personal journey away from complex dynamic CMS. Discover a simple, portable alternative for your blog.
-
Repost to celebrate the 0.40.0 release:
Launching BSSG - My Journey from Dynamic CMS to Bash Static Site Generator
Announcing the public release of BSSG, a Bash Static Site Generator born from a personal journey away from complex dynamic CMS. Discover a simple, portable alternative for your blog.
-
Repost to celebrate the 0.40.0 release:
Launching BSSG - My Journey from Dynamic CMS to Bash Static Site Generator
Announcing the public release of BSSG, a Bash Static Site Generator born from a personal journey away from complex dynamic CMS. Discover a simple, portable alternative for your blog.