14849
Top stories from https://news.ycombinator.com (with 100+ score) Contribute to the development here: https://github.com/phil-r/hackernewsbot Also check https://t.me/designer_news Contacts: @philr
Failure Analysis of the Arecibo 305 Meter Telescope Collapse (Score: 150+ in 7 hours)
Link: https://readhacker.news/s/6htfi
Comments: https://readhacker.news/c/6htfi
Hacking 700M Electronic Arts Accounts (🔥 Score: 152+ in 2 hours)
Link: https://readhacker.news/s/6htv9
Comments: https://readhacker.news/c/6htv9
New documentary reveals that 21,000 laborers have died working Saudi Vision 2030 (🔥 Score: 166+ in 1 hour)
Link: https://readhacker.news/s/6htut
Comments: https://readhacker.news/c/6htut
What Every Developer Should Know About GPU Computing (2023) (Score: 152+ in 23 hours)
Link: https://readhacker.news/s/6hqgi
Comments: https://readhacker.news/c/6hqgi
Blog Writing for Developers (2023) (Score: 152+ in 16 hours)
Link: https://readhacker.news/s/6hrn7
Comments: https://readhacker.news/c/6hrn7
DB48X: High Performance Scientific Calculator, Reinvented (Score: 150+ in 17 hours)
Link: https://readhacker.news/s/6hqPd
Comments: https://readhacker.news/c/6hqPd
Is the Q source the origin of the Gospels? (Score: 150+ in 20 hours)
Link: https://readhacker.news/s/6hpQU
Comments: https://readhacker.news/c/6hpQU
Nvidia and its partners built a system to bypass U.S. export restrictions (🔥 Score: 152+ in 2 hours)
Link: https://readhacker.news/s/6hscj
Comments: https://readhacker.news/c/6hscj
Unfortunate things about performance reviews (2021) (Score: 151+ in 19 hours)
Link: https://readhacker.news/s/6hpjp
Comments: https://readhacker.news/c/6hpjp
Diagrams · Diagram as Code (Score: 151+ in 6 hours)
Link: https://readhacker.news/s/6hr9v
Comments: https://readhacker.news/c/6hr9v
Albertsons kills rural grocers with land use restrictions (🔥 Score: 150+ in 1 hour)
Link: https://readhacker.news/s/6hrAW
Comments: https://readhacker.news/c/6hrAW
FFmpeg up to 94x performance boost after implementing handwritten assembly code (🔥 Score: 153+ in 2 hours)
Link: https://readhacker.news/s/6hrhn
Comments: https://readhacker.news/c/6hrhn
Cheap Thrills, an album cover by Robert Crumb (2020) (Score: 150+ in 11 hours)
Link: https://readhacker.news/s/6hpB9
Comments: https://readhacker.news/c/6hpB9
Alonzo Church: Architect of computer intelligence (Score: 154+ in 4 hours)
Link: https://readhacker.news/s/6hqgt
Comments: https://readhacker.news/c/6hqgt
Quincy Jones has died (Score: 150+ in 9 hours)
Link: https://readhacker.news/s/6hpuB
Comments: https://readhacker.news/c/6hpuB
Hacker Fab (Score: 156+ in 4 hours)
Link: https://readhacker.news/s/6hts2
Comments: https://readhacker.news/c/6hts2
Netflix Europe offices raided in tax fraud probe (🔥 Score: 151+ in 2 hours)
Link: https://readhacker.news/s/6htkd
Comments: https://readhacker.news/c/6htkd
Stop saying "just" (2019) (Score: 150+ in 1 day)
Link: https://readhacker.news/s/6hp35
Comments: https://readhacker.news/c/6hp35
It's called a dance floor (Score: 151+ in 22 hours)
Link: https://readhacker.news/s/6hqwu
Comments: https://readhacker.news/c/6hqwu
Machines of Loving Grace (Score: 152+ in 15 hours)
Link: https://readhacker.news/s/6hrnF
Comments: https://readhacker.news/c/6hrnF
Pagination widows, or, why I'm embarrassed about my eBook (2023) (Score: 152+ in 9 hours)
Link: https://readhacker.news/s/6hs5p
Comments: https://readhacker.news/c/6hs5p
Facebook building subsea cable that will encompass the world (Score: 153+ in 16 hours)
Link: https://readhacker.news/s/6hq8x
Comments: https://readhacker.news/c/6hq8x
Show HN: Convert any website into a React component (Score: 150+ in 11 hours)
Link: https://readhacker.news/s/6hqKJ
Comments: https://readhacker.news/c/6hqKJ
Hey HN, we built a Chrome Extension (https://www.magicpatterns.com/extension) that converts a snippet of any website to an isolated React component.
Demo video: https://youtu.be/hutUYDkyE_A
How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors / inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX
It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out global styles, removing inherited styles, pulling out SVGs, deleting styles with no effect, and condensing styles into their shorthand properties.
We dive into each of those optimizations here for fun: https://www.magicpatterns.com/blog/any-website-to-react-comp...
One of the main reasons we cared so much about condensing down the styles was not only to make it more human-readable, but also to reduce context length for an LLM, so that you can iterate on it with AI. Our extension has a “convert” option that lets you convert the output to Tailwind, Shadcn, or Chakra UI using an LLM. You can also export to Figma.
We're frontend engineers and we built the extension because our core product (https://www.magicpatterns.com/) helps software teams prototype their product ideas. And a huge pain point for users is getting their existing designs into our product, so that they can reference them to generate UIs with their existing aesthetic.
The extension allows you to get existing design context from any website, even localhost. Since launch, the extension has more than 3,000 users and interestingly is most popular in Japan.
Here's some real examples if you're curious what the final output looks like:
A) Hacker News Navbar - https://www.magicpatterns.com/ac9f38e4-5ef0-49e5-8b80-dbc429...
B) ChatGPT Welcome Screen - https://www.magicpatterns.com/7cb3ad12-cb12-4a5b-b32b-eda04d...
C) Cal.com Calendar Component — https://www.magicpatterns.com/a43bac78-134d-458d-8107-811ac7...
D) Stripe.com logo section - https://www.magicpatterns.com/deff1793-7a05-42fe-97f7-945976...
If you have an opinion about the extension, we’re all ears! You can try it for free at: https://www.magicpatterns.com/extension
US Forest Service decision to halt prescribed burns in ca is history repeating (🔥 Score: 157+ in 2 hours)
Link: https://readhacker.news/s/6hrJ6
Comments: https://readhacker.news/c/6hrJ6
What should a logo for NeXT look like? (1986) (Score: 151+ in 8 hours)
Link: https://readhacker.news/s/6hqnQ
Comments: https://readhacker.news/c/6hqnQ
gptel: a simple LLM client for Emacs (Score: 150+ in 1 day)
Link: https://readhacker.news/s/6hmVd
Comments: https://readhacker.news/c/6hmVd
Writing secure Go code (Score: 151+ in 4 hours)
Link: https://readhacker.news/s/6hqSD
Comments: https://readhacker.news/c/6hqSD
Rewrite it in Rails (❄️ Score: 150+ in 3 days)
Link: https://readhacker.news/s/6hfCc
Comments: https://readhacker.news/c/6hfCc
We're Leaving Kubernetes (🔥 Score: 150+ in 3 hours)
Link: https://readhacker.news/s/6hqex
Comments: https://readhacker.news/c/6hqex
New York Times tech workers go on strike (Score: 155+ in 4 hours)
Link: https://readhacker.news/s/6hpSv
Comments: https://readhacker.news/c/6hpSv