TheSisb2

vor 9 Monatendiscuss

Native datepickers fall apart when you need to handle different date formats as user preferences (not as browser default)

TheSisb2

letztes Jahrdiscuss

Note: they didn’t create lottie, they sorta acquihired the developer who made it and brought the project under their umbrella

TheSisb2

vor 2 Jahrendiscuss

Love this. Building a website this way really teaches you why we started having all the complexities in web frameworks today. For certain simple websites like this one, the tradeoffs are worth it. I rebuilt our company website this way too. (Sescollc.com)

TheSisb2

vor 2 Jahrendiscuss

It depends on a number of factors, one of which is how the authors perceive the work. Does it stand on its own merits or is it interesting because of the technical decisions? Sometimes it starts as a technical exploration and outgrows itself faster than the author can come to terms with the magnitude of the work.

TheSisb2

vor 2 Jahrendiscuss

I appreciate the link, but the tone of this comment is very un-HN. I don’t even see people talk that way about 4chan, which one can argue would deserve it more.

TheSisb2

vor 2 Jahrendiscuss

Not sure why this is being downvoted, also curious

TheSisb2

vor 2 Jahrendiscuss

Apparently people that support Trump

TheSisb2

vor 2 Jahrendiscuss

Venge.io is probably one of the most impressive games I've played in the browser, and was built using PlayCanvas.

TheSisb2

vor 2 Jahrendiscuss

I was surprised when this layout worked:

  cabinet 200cm x 92cm top 3cm bottom 15cm scale 5
       50cm     \*        \*        20cm
  \*   drawer   door     door     drawer
  \*   drawer   ^        ^        drawer
  \*   ^        ^        <        drawer
  \*   >        drawer   drawer   <

So I inspected the odd shaped element and noticed it would overflow. Probably fine for your purposes.

Super cool!

TheSisb2

vor 3 Jahrendiscuss

In between barrel files and no barrel files, are unbarrelled files. This is where you have one installable package (i.e.: @cool-lib/core) and create imports from sub-paths like this:

import Button from "@cool-lib/core/button";

import Link from "@cool-lib/core/link";

import Widget from "@cool-lib/core/widget";

This is similar to what lodash does too. Still have more imports, but only one package.json dependency! And the same perf gains.

TheSisb2

vor 3 Jahrendiscuss

How difficult would it be to feed in design system components to the AI? Design system building blocks could serve to improve the quality of outputs vs straight CSS/Tailwind

TheSisb2

vor 5 Jahrendiscuss

Shameless plug: we had a really hard time finding an accessible data grid that matches the specs, so we built one recently (in React) for our design system. It’s very minimal but completely composable. For example we don’t have virtualized rows or frozen columns but that’s something that can be added on later; we focused on a foundationally accessible data grid to start: https://paste.twilio.design/components/data-grid

I hope that other data grid libraries can mimic some of this to improve web accessibility. These components can be really tedious to interact with today

TheSisb2

vor 5 Jahrendiscuss

Venge.io

TheSisb2

vor 7 Jahrendiscuss

Hey HN! I'm really happy to be sharing this with you all today. I've been working on React projects for about 4 years now and I've always found that SVGs (whether icons or full illustrations) are best represented in my projects as individual React components. Some of the benefits are that:

- It's easier to control your SVGs with clearly defined props

- You can bake in accessibility into your illustrations

- Unlike to icon fonts which load the entire font, you can leverage modern module loading practices to only load the SVGs you need (i.e.: import HackerNewsIcon from '...')

- Unlike in-lining SVGs, the resource can be cached, bundled, and re-used multiple times without duplicating the contents.

- This tool automatically strips away `id`s so you don't have id collisions.

- Since it's a component, you can modify it to, for example, show a different SVG under a different locale if the English design doesn't translate well.

This has helped our little design system team off-load the incoming requests to add new icons back out to the requesting teams. And if an icon doesn't meet the requirements of our system, consumers can continue to use them in their own projects while still being aligned on props and a11y.

Hope you all find this useful too!

TheSisb2

vor 8 Jahrendiscuss

Use CSS Modules imo.

TheSisb2

vor 9 Jahrendiscuss

I once heard a story about a manager who let it be known he would give out 20$ if people used product management tool X. During one meeting, someone pulled up a note on said tool and he handed them a crisp 20$. A few more instances of that and everyone was using it. Or so the story goes...

TheSisb2

vor 9 Jahrendiscuss

Are you using the Desktop client or the app through your browser? The client is more performant than through the webpage.

TheSisb2

vor 9 Jahrendiscuss

Styling scrollbars

TheSisb2

vor 9 Jahrendiscuss

This compiles poorly and has a performance cost, it turns out. Doing:

constructor(props) { super(props); this.func = this.func.bind(this); }

Is better if you care about performance.

TheSisb2

vor 10 Jahrendiscuss

I've read of some people who were finally set free after a long stretch in solitary confinement, and many of them attributed the preservation of their sanity to simple math or word exercises. I believe one would just count exponents of two as far as he could go and another would try remembering every word in every language they knew.

Not sure of similarities to brain training games, but I would bet there is something there.

Submissions

Insights & metrics that inform the Paste design system

Show HN: SVG-to-React – convert your SVG assets into accessible React components

How to structure your Grunt tasks

FlowupLabels.js - A tiny jQuery plugin for the floating label UI pattern

comments