Thanks for the article!

I remember I had a hard time trying to stretch dialog to full screen for mobile devices, but it actually didn't want to work. The code was something like this:

dialog { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; }

You can shorthand the last four declarations with a single `inset: 10px;` (or maybe `inset: .625rem;`?

That's cool, actually I didn't know about this one :)

this is most likely due to the absolute positioning. position: absolute will use the top-left corner of the closest ancestor that is "positioned" as the origin for it's layout [1]. If you want that origin to be the top-left corner of the viewport, use position: fixed.

[1] https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_...

In addition to `position: fixed`, shouldn't it be top, left, height, width, instead of top, left, bottom, right? In the second case, it would follow the top and left instructions then take the necessary amount of space, ignoring right and bottom?

For absolutely positioned elements, if you set all four sides then the height and width will be automatically computed.

If local storage is cleared, the notes will be deleted as well. I mainly use this tool for temporary notes, for notes I only need for the day, for example. It's also handy for quickly copy-pasting something, editing it in plain text, and copying it again. Previously, I used my main Notes app or my messenger for these tasks.

I created this tool first of all for myself, 2 main reasons why I need it:

1. I often create temporary notes in my main Notes app, which quickly becomes cluttered with temp stuff

2. I sometimes struggle with editing plain text without any formatting, especially on mobile devices

I hope others find it useful as well!

It works pretty cool. Recently I was looking for something simple and similar to create a logo for a small pet project but couldn't find anything.

Welcome!

I like it! Good and minimalist implementation :) Also, you can improve it by adding "how to finish a conversation" feature ;)

Thanks. Yep, it's not down. It's just weird that from some locations this resource is not accessible..

Yes, only in the local storage. No data are sent to the internet and no analytics are used.

A startup idea: an app to generate a startup idea (based on this list).

Here you go:

  (function () {
    var els = document.getElementsByTagName("li");
    var startups = ["A web-based platform", "An AI-powered platform", "Uber for",
                    "Subscription-based service", "Blockchain", "A folder that syncs"]
    for(var i = 4 ; i < els.length ; ++i) {
      els[i].innerText = startups[Math.floor(Math.random() * startups.length)] + " for people who " + els[i].innerText;
    }})()

Paste it into dev console on that page to receive an instant list of proper startup ideas.

The code is GPLv3, and can be trivially modified to generate further interesting startup ideas.

EDIT: Modified to add a greater variety of instant startup ideas!

Cool. But it should be in React Native and AI to raise some money.

Don't know about React Native, but updated the app to generate AI-related ideas (and some others).

I like the idea and will subscribe!

Thanks!

Edit: I'm glad you like the idea. Definitely should not have extended the tone of taking the site seriously into the comments. My Mistake.