I wrote a simple app to send interesting articles and web pages to my email inbox - https://www.emailthis.me

I'd like to plug in a small tool that I run. It's called EmailThis and it brings bookmarking/read-later functionality(similar to Pocket and Instapaper) to your email inbox.

[0] https://www.emailthis.me

This is really interesting. Thanks for all the effort you've put into this project.

I had one quick question - how easy/difficult would it be to integrate another JS library with intercooler or htmlx. For example, let's say a table is fetched dynamically via htmlx, how would we go about integrating a library that does client-side table sorting/filtering?

It's not perfect, but not awful either. Basically you have to catch the content and initialize it with the library using a hook:

htmx.onLoad(function(content){myJSLib.init(content)})

I use Puppeteer at https://www.emailthis.me for scraping meaningful content from web pages and converting web pages to PDF.

I've used this for building the browser extensions for my app [1].

It is simple, easy to understand and easy to reason with. However, I would recommend this only for small apps. As soon as your app's features/complexity increases, you end up writing a lot of biolerplate code that libraries like Vue or Preact already handle you for.

[1] https://www.emailthis.me

I haven't used Hyper but I'm looking for something to use for a browser extension I'm making.

I'd love to hear what kind of boilerplate you had to write that Vue or Preact handle. It can be hard to see these gaps ahead of time so I'd appreciate the benefit of your experience.

Curious to hear what boilerplate you think Vue or Preact already handles for you.

Your open source browser extension framework was really helpful to me a few years ago!

Glad you found it useful.

I had sort of neglected it for a while, but during the course of the lockdown, I have started working on a major rewrite - replacing Gulp with Webpack, adding support for Edge, etc. Will release it soon :)

I'd like to add a couple of resources that I've found useful -

1. All courses by Will Sentance on Frontend Masters

2. Eloquent JavaScript

I made "Ansible Rails" - a playbook for easily deploying Ruby on Rails applications

https://github.com/EmailThis/ansible-rails

Postmark/Sendgrid for emails

Digital Ocean or Heroku for hosting

Skylight for application monitoring

Sentry for error tracking

Cloudflare for caching

S3 for storage

Any specific reason for S3 instead of Spaces given you’re on Digital Ocean already?

Not op, but for now spaces are lacking detailed stats, one example, if you want to build a saas and bill your users for the bandwidth consumed by their buckets you can't do that right now using spaces.

Thanks for sharing this great collection. I've just added your 'remove sticky' bookmarklet.

In case anyone is wondering, bookmarklets also work on mobile devices. You can simply go to the address bar and type the name of the bookmarklet (e.g.: 'remove sticky') and then click the option that shows up in the list.

Adding them to your mobile browser is a bit tricky though. I've written a small guide that helps users of my app [0] add my bookmarklet to Android/iOS devices. You can follow these steps/screenshots to add other bookmarklets - https://www.emailthis.me/web-page-to-email/how-to-save#andro...

[0] https://www.emailthis.me

Doesn't unfortunately work on Firefox for Android.

I've been using Heroku to deploy my Rails apps but I always wanted to learn how it all works under the hood. Over the last couple of months, I decided to learn more about how to set up a server and deploy a Rails app to production. I've made this open-source project to consolidate my learning.

This Ansible playbook includes roles for performing the following tasks -

* Installation of common packages

* Ruby (via rbenv)

* Rails 6, Puma, Sidekiq

* Redis

* Nodejs/Webpack/yarn

* Postgresql + saving daily backups to S3

* Install Puma, nginx & Certbot (for Letsencrypt SSL Certs)

* Deploying using Ansistrano

Let me know what you guys think about it.