Show HN: Preprocessor I've been working 4 years now
Pretty Markup is a new HTML preprocessor that enhances readability with a human-friendly syntax, eliminating angle brackets. It allows clean code writing, is open for contributions, and is licensed under MIT.
Read original article
Pretty Markup is a new preprocessor for HTML, similar to how Sass functions for CSS or TypeScript for JavaScript. It aims to enhance the writing of HTML by adopting a more human-friendly syntax that eliminates the need for angle brackets, thereby improving readability and developer productivity. The tool emphasizes semantic best practices, allowing developers to focus on the meaning of their content while ensuring that the resulting HTML is both aesthetically pleasing and machine-readable. Pretty Markup acts as a superset of standard HTML, enabling users to write clean and concise code that is automatically converted into browser-compatible HTML.
To get started with Pretty Markup, users need to create a folder named ./src and add files with the .pm extension. The preprocessor can be run using the command `pm`, which requires global installation or can be executed via npx. Additionally, there is a syntax highlighter available for Visual Studio Code, which can be installed by searching for "Pretty Markup" in the extensions marketplace.
The project is open for contributions, and users can report issues or suggest improvements on its GitHub repository. Pretty Markup is licensed under the MIT License and has recently been published with version 1.0.13, which has garnered 348 weekly downloads.
Related
The Eternal Truth of Markdown
Markdown, a simplified code alternative to HTML, enables diverse document formats from plain text. Despite lacking standardization, it thrives for its adaptability and simplicity, appealing to writers and programmers alike.
Show HN: A JavaScript UI library for imperative JSX
The @matry/dom npm package introduces a web framework for imperative JSX, aiming to enhance UI engineering by offering a more imperative approach compared to React. It provides control over rendering and flexibility in UI design. Developers are cautioned against using it in production before version 1.0.0.
Show HN: Gothem stack – An Htmx and templ template
The "gothem-stack" GitHub project is a flexible template using Go, Templ, HTMX, Echo, and Mage. It supports TailwindCSS, DaisyUI, and Alpine.js, aiding quick setup and various functionalities. Persistence relies on Postgres and sqlc.
Typst: An easy to learn alternative for LaTex
Typst is a user-friendly markup typesetting system on GitHub as an alternative to LaTeX. It offers formatting, scripting, math typesetting, and bibliography management. Find installation and usage details on the repository.
Show HN: DOM to Semantic Markdown – For LLMs
The GitHub repository hosts "DOM to Semantic Markdown," converting HTML to Semantic Markdown for Large Language Models. It features AST conversion, main content detection, metadata capture, URL shortening, and npm support.
10 commentsRelated
The Eternal Truth of Markdown
Markdown, a simplified code alternative to HTML, enables diverse document formats from plain text. Despite lacking standardization, it thrives for its adaptability and simplicity, appealing to writers and programmers alike.
Show HN: A JavaScript UI library for imperative JSX
The @matry/dom npm package introduces a web framework for imperative JSX, aiming to enhance UI engineering by offering a more imperative approach compared to React. It provides control over rendering and flexibility in UI design. Developers are cautioned against using it in production before version 1.0.0.
Show HN: Gothem stack – An Htmx and templ template
The "gothem-stack" GitHub project is a flexible template using Go, Templ, HTMX, Echo, and Mage. It supports TailwindCSS, DaisyUI, and Alpine.js, aiding quick setup and various functionalities. Persistence relies on Postgres and sqlc.
Typst: An easy to learn alternative for LaTex
Typst is a user-friendly markup typesetting system on GitHub as an alternative to LaTeX. It offers formatting, scripting, math typesetting, and bibliography management. Find installation and usage details on the repository.
Show HN: DOM to Semantic Markdown – For LLMs
The GitHub repository hosts "DOM to Semantic Markdown," converting HTML to Semantic Markdown for Large Language Models. It features AST conversion, main content detection, metadata capture, URL shortening, and npm support.