Category: Web Development

Files

TheSmithy

https://www.files.gallery/

https://demo.files.gallery/

Files is free to use with basic features. To remove the license-popup and unlock additional features, you may purchase a license [$39] from within the app.

https://news.ycombinator.com/item?id=30233635

Alternatives

A few alternatives have already been mentioned here; yet another one: https://larsjung.de/h5ai/ reply
My favorite one for years of sharing files. This dev also has others cool tool. Check it out on his Github page https://github.com/lrsjng

I used https://github.com/Jack000/Expose a couple of times. Advantage: it generates a static site. Disadvantage: it must be customized almost certainly. It’s a bash script.

I use https://sye.dk/sfpg/ myself, another single-file PHP photo gallery. It’s less polished, but it’s free.

What is Files app?

Files is a single-file PHP app that can be dropped into any folder on your server, instantly creating a gallery of files and folders. It supports all file types and allows you to preview images, video, audio and text files.

DOMPurify

TheSmithy

https://github.com/cure53/DOMPurify

also: interesting discussion about XSS attacks (confusing even DOMPurify at times):

https://news.ycombinator.com/item?id=24703230

DOMPurify sanitizes HTML and prevents XSS attacks. You can feed DOMPurify with string full of dirty HTML and it will return a string (unless configured otherwise) with clean HTML. DOMPurify will strip out everything that contains dangerous HTML and thereby prevent XSS attacks and other nastiness. It’s also damn bloody fast. We use the technologies the browser provides and turn them into an XSS filter. The faster your browser, the faster DOMPurify will be.

How do I use it?

It’s easy. Just include DOMPurify on your website.

Using the unminified development version

<script type="text/javascript" src="src/purify.js"></script>
Read More

Why we switched from Webpack to Vite

TheSmithy

Why we switched from Webpack to Vite

https://news.ycombinator.com/item?id=26972400

Vite is a JavaScript build tool that provides a fast and lean development experience. Vite comes with a number of features including HMR, or Hot Module Replacement, a build command that bundles your tools with Rollup, and built-in support for TypeScript and JSX.

How it works

Vite works by treating your source code and your dependencies differently. Unlike your source code, dependencies don’t change nearly as often during development. Vite takes advantage of this fact by pre-bundling your dependencies using esbuild. Esbuild is a JS bundler written in Go that bundles dependencies 10-100x faster than JavaScript based alternatives like Webpack and Parcel.

Read More

Hugo – static site generator

TheSmithy

https://gohugo.io/
How to start a blog using Hugo (HN comments)
Hugo and IPFS: how this blog works (and scales to serve 5,000% spikes instantly!) (HN comments)

Blistering Speed

What’s modern about waiting for your site to build? Hugo is the fastest tool of its kind. At <1 ms per page, the average site builds in less than a second.

Robust Content Management

Flexibility rules. Hugo is a content strategist’s dream. Hugo supports unlimited content types, taxonomies, menus, dynamic API-driven content, and more, all without plugins.

Read More