|9 months ago||about 2 years ago|
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Guide (and example code) to producing beautiful PDFs from CSS and JS
1 project | reddit.com/r/css | 6 Apr 2021
Beautiful PDFs from HTML
The repo (https://github.com/ashok-khanna/pdf) contains all the necessary code and is intended for others to reuse in their projects. Some of it isn’t straightforward, despite the guide looking easy - I had to figure out how CSS selectors and counters work for example, how MathJax interacted with Paged.Js.
I think the confusion comes from it being labeled as a “guide”, in fact it’s a full set of code to give the required functionality for high quality PDFs from HTML, using paged.js, the guide is just the self documentation as I figured I might as well use documentation for the sample output. Otherwise, I’d be genuinely curious on what constitutes Show HN vs normal posts?
I think the repo description and the way the output is confusing / unclear - the primary goal is very much meant to be a code base for people to reuse as I’ve noticed for many programmers, the design side can be a bit more elusive.
Separately, would it be possible to add beautiful back to the title - it’s not really about producing PDFs from html as browsers can already do that, and there are many other tools. The main aim is to have the functionality to produce very high quality typeset PDFs from HTML, which until now, I only felt PrinceXML did well and that’s a paid solution. Maybe we could say the title is “High quality PDFs from HTML using Paged.JS”? I know there has been a separate discussion on another thread on the overuse of the word beautiful in describing code - my view is that it has its place when it relates to output / UI.
Thanks for reading, and no issues otherwise (no need to reply).
This looks great -- well done! I'd love to be able to use it (the CSS in particular) in a number of different projects where creating such nice readable output is a hassle. However I couldn't find a license mentioned anywhere -- either for the associated repo as a whole  or the CSS specifically.
Would it be possible to add a license so it's possible to know whether others can use this in other projects without rewriting the CSS from scratch?
Beautiful PDFs from HTML
Somehow related: I find Snappy Snippet extension (for Chrome) very interesting. It's supposed to let you make a "live" screenshot of a DOM element. Unfortunately, I've not tried it much as I only rely on Firefox in day to day browsing.
2090 projects | dev.to | 26 Feb 2021
kdzwinel/SnappySnippet - Chrome extension that allows easy extraction of CSS and HTML from selected element.
What are some alternatives?
SingleFile - 📷 Web Extension for Firefox/Chrome/MS Edge and CLI tool to save a faithful copy of an entire web page in a single HTML file
ReLaXed - Create PDF documents using web technologies
WeasyPrint - The awesome document factory
asciidoctor-web-pdf - Convert AsciiDoc documents to PDF using web technologies
fancyInput - Makes typing in input fields fun with CSS3 effects
pagedown - Paginate the HTML Output of R Markdown with CSS for Print
breezy-pdf-lite - HTML/CSS/JS in, PDF out, via Chrome
MathJax - Beautiful and accessible math in all browsers