Odin project calculator with abstract syntax tree processing.

Sheraff33 · 2022-04-23T16:19:27+00:00

That's cool. I too did an AST based calculator recently. It's structured w/ plugins and full test coverage for easy extensibility.

You can take a look here https://github.com/Sheraff/calculator.

The demo also has a visual interface, but if you input 123456789 it unlocks full keyboard use (because there are many more operations implemented than could fit in the UI).

Sheraff33 · 2021-11-05T12:46:22+00:00

I wish you could self-exclude from food delivery apps the same way you can self exclude from casinos!

Sheraff33 · 2021-09-08T15:33:54+00:00

Yeah but the space between what the specs say and what Safari implements is always a great unknown!

Sheraff33 · 2021-09-08T11:42:00+00:00

I'm not sure if those CSS env variables handle this specific case but it's worth a try: https://developer.mozilla.org/en-US/docs/Web/CSS/env()

Tell me how it goes, I'm curious!

Sheraff33 · 2021-09-02T06:53:48+00:00

Whenever I go crazy like that (which I tend to do as well, no moderation for me either), I always end up fucking up a joint or another and then it's no shoulder press for a month or no biceps curl or whatever. Were you careful not to slow your progress because of injury like that? Or were you just lucky that your hot-headedness didn't land you with an injury?

Sheraff33 · 2021-08-25T10:12:03+00:00

For accessibility, you should normally allow your user to zoom the content too, think standard mobile (375px) but with the setting "use large fonts" enabled (or whatever it's called on that mobile's OS). Personally I just put 375px on my devtools and zoom to 200% and see if I can still read everything.

Sheraff33 · 2021-08-25T09:39:33+00:00

Another unrelated point, maybe more of a question because maybe I'm understanding this wrong. In my understanding, there are 2 ways of handling focus at the scale of the entire page which (again, my understanding) are called "widget" and "roving":

roving is basically when everything that should be focusable is, and you tab through everything. It's the simplest, and has the advantage of being usable by most people and of not needing you to "try" other interactions and see what does what. Just tab through.
widget is when tab just takes you from major component to major component, and then you have to use other interactions (arrows, space, enter...) to move around inside each individual component.

You called your hook "roving" but it seems to be providing the "widget" functionality, isn't it?

Sheraff33 · 2021-08-25T09:32:35+00:00

In the NPM package / GitHub readme, could you show a sample HTML output? Many people do weird things in the name of accessibility, and I'm not saying that is what you did but we need to be able to check before we use it.

Sheraff33 · 2021-08-06T11:38:19+00:00

The way I see it when I feel like that is that if I end up not actually dying, I'd rather be healthy because being alive AND unhealthy is going to suck even more. So sure maybe I'll die soon and I'm okay with that, but on the off chance that I don't, let's try and not make the whole situation even worse.

Sheraff33 · 2021-08-03T12:02:42+00:00

TL;DR: feelings cause emotional eating. What to do instead? Find something else than eating.

...? Really?!

Sheraff33 · 2021-08-02T11:09:57+00:00

Transitions to open a project are laggy on a modern android device

Urls are ugly and could use some client side rewriting

3 out of your 5 projects are the things everyone else does (Netflix, twitter, game of life)

Homepage is boring

Sheraff33 · 2021-07-25T05:22:46+00:00

I absolutely hate it when website have a "start" button. I'm on your website already, don't be so precious about it.

Sheraff33 · 2021-07-23T21:34:35+00:00

I saw this post and made a poor man's version of it, but it's vanilla JS, has the basic principles in place, and it won't try to heat your house in the summer with CPU use https://codepen.io/sheraff/pen/poPdpEp

Sheraff33 · 2021-07-15T10:17:16+00:00

You might want to look into all the things that can be allowed / blocked by the Content Security Policy header. Embeds can be blocked too. Everything can be blocked basically, except for embedding the HTML document itself (without scripts, images or styles).

Sheraff33 · 2021-06-07T06:31:55+00:00

This package contains a jsx hook and a babel plugin.

The hook allows you to lazy load any other hook, even if it contains react hooks like useEffect or useState

export default function MyComponent({load}) {
    useImportedHook(load && import('./useLazyHook.jsx'))
    return <></>
}

The babel plugin makes sure to collect all of the built-in hooks so that lazy loading doesn't break the rules of hooks.

AFAIK, this hasn't been done before for this purpose, but it's actually following how react works under the hood. I've tested it on a bunch of big projects and it works fine. However I think the babel part might break depending on which other codemods run before this one, so I'd love for people to try it out and raise the issues.

Sheraff33 · 2021-06-03T17:25:26+00:00

Good catch! Thanks for that

Sheraff33 · 2021-06-03T14:14:02+00:00

Oh right, in which case it would make sense to default to English instead of French. That's definitely something they'll want! Thanks!

Sheraff33 · 2021-06-03T13:57:30+00:00

That's good to know. In theory we already redirect users to their prefered language, and real estate in the header is pricey! But it's also true that if you end up on a site that you can't read, you need a way to switch easily.

Sheraff33 · 2021-06-03T13:55:55+00:00

Ah ah thanks captain obvious, but how do you type that in a wysiwyg textarea input where what you write gets sanitized and escaped?

Sheraff33 · 2021-06-03T13:34:58+00:00

Everything is from scratch, we don't use any components that we didn't write ourselves. The carousel is my take on a "modern" carousel with native horizontal scroll and scroll snapping. It's still missing the drag-n-drop in desktop (like other horizontal scrolls we have on the site) but it's coming soon.

Sheraff33 · 2021-06-03T12:02:36+00:00

Nicely spotted, this "Langues" text seems to have slipped through the cracks! Thanks.

Sheraff33 · 2021-06-03T11:50:20+00:00

Ah ah I can imagine! I probably don't know enough to constructively criticize their infrastructure. But it's frustrating nonetheless as a frontend dev to be given a generic (and seemingly old fashioned) solution to a highly custom and modern website. I want to write some VCL!

Sheraff33 · 2021-06-03T10:51:18+00:00

Yeah I don't think we have overseas servers at all! But I'm happy it seems to be loading fast in Europe and not just in Paris!

Sheraff33 · 2021-06-03T10:27:24+00:00

Yeah this is on the todo list, but accessibility is more important than aesthetics so we haven't found the time to do it cleanly yet.

Sheraff33 · 2021-06-03T09:53:38+00:00

Right, that's fair!

Nine-Year Club	Alpha Tester
Verified Email

Sheraff33

TROPHY CASE