Jeelex

Web Dev / Front-end / Software Engineer. Social Extrovert | Curious | Enthusiastic. I love React - JavaScript - CSS.

[Moxie Marlinspike @moxie]

I made this last weekend to experiment w/ building an app end to end on LLMs: https://t.co/eOHZunKTyf

It's like Wirecutter, but uses an LLM to recommend product choices based on reddit conversations and reviews, so you don't have to spend 20-30min reading reddit

My experience: I'm late to the game, but this is the first time I've tried building an app end to end around an LLM.

1. It's very fast to build something that's 90% of a solution. The problem is that the last 10% of building something is usually the hard part which really matters, and with a black box at the center of the product, it feels much more difficult to me to nail that remaining 10%. With vibecheck, most of the time the results to my queries are great; some percentage of the time they aren't. Closing that gap with gen AI feels much more fickle to me than a normal engineering problem. It could be that I'm unfamiliar with it, but I also wonder if some classes of generative AI based products are just doomed to mediocrity as a result.

2. On the other hand, I think the discomfort I feel with having an unpredictable black box at the center of a product which can fail in very creative ways some percentage of the time might actually be a competitive advantage for startups. I think Wirecutter, especially branded as NY Times, would have a lot harder time tolerating that unpredictability and unreliability than an app like this (or an actual startup) which can set that product expectation with users to begin with. It might be that the current problems with generative AI are actually the things that create an innovator's dilemma and give startups an advantage to slip under the incumbents. It seems like the ideal spot right now would an app where 90% "done" is a mostly great experience, but the failings are still somehow not stomach-able by incumbents.

3. I do not understand how the economics of LLMs pencil out. When I look at the per concurrent user costs associated with inference, they seem orders of magnitude higher than per concurrent user costs of previous internet technologies. It seems to me that if previous apps like webmail, messengers, etc had costs as high, they would not have been viable products. This is something I want to learn more about.

[Jeelex @Jeelex_]

@probablyup Great! Looking forward to it!

[Jeelex @Jeelex_]

#styledcomponents does not have #containerqueries support 🤯

[Insha @Insharamin]

You don't have to pay for web hosting if you know where to look.

Here are some top-notch resources to host your website for free.

A Thread 🧵

[Scrimba @scrimba]

When switching careers, never think you’re starting from scratch. 💥

Other experience that you bring that can be valuable to that company.

It's about finding those pieces of your background that you can present to them as transferrable skills. 🙌

[Debbie O'Brien @debs_obrien]

Instead of :
array[array.length-1]

you can use:
https://t.co/NdeVT1WPUx(-1)

Full browser support too 👀😍😍

https://t.co/Q9KkNMcWIV

[KostasX 🇵🇸 @kostas_mns]

Recreating the Array.prototype.reduce from scratch
to understand a little bit more about this notorious JavaScript method:
https://t.co/fisNha4m58

70 min / intented for #javascript beginners

#FrontEndDeveloper #frontenddev #NodeJS

[Addy Osmani @addyosmani]

The life of a project

[Kevin Powell @KevinJPowell]

With it having shipped in Safari 15.4, all modern browsers now support native lazy loading. It's almost too easy 😅

It only works if the user has JS enabled, as a way to prevent tracking. If not, you could track scroll position when images load even with JS disabled.

[Houssein Djirdeh @hdjirdeh]

In case you weren't aware; Chromium browsers (Chrome, Edge), Firefox, and Safari now all support native image lazy loading.

<img loading="lazy"/>

No need for custom polyfills for major browsers anymore!

https://t.co/A1F9TC437M

[React @reactjs]

React 18 is now available on npm!

Here’s an overview of what’s new in React 18, and what it means for the future.

https://t.co/6CAU1Fgznu

[Nicole Sullivan @nicolesullivan.bsky.social @stubbornella]

You told us CSS had a few missing features... All the ⭐️ features are happening THIS YEAR in Chrome. I can't believe how lucky I am to work on this stuff.

<3 my team (+igalia +edge)

[Jen Simmons @jensimmons]

Did you see what shipped in Safari Technology Preview 142?
- Flexbox Inspector
- Subgrid
- Container Queries
- Motion Path
- Overscroll Behavior
- Web Animation improvements
- Form improvements
- Shadow Realms
- Shared Workers
- ScreenCaptureKit API
- Web Extensions improvements

[Ravin @ravinwashere]

JavaScript tip: Replaces all occurrences of the string with another string value.

[Addy Osmani @addyosmani]

The CSS Overview in @ChromeDevTools is great. Nice summary of the colors, contrast issues, fonts, media queries & more in a page.

[Una 🇺🇦 @Una]

`accent-color` is now supported in all modern browsers 🎉🎨

One line of code enables you to style previously-hard-to-access form controls like checkboxes and radio buttons

body {
accent-color: hotpink;
}

Works really nicely with the `color-scheme` property too!

[Jen Simmons @jensimmons]

I love seeing the green boxes appear.

Yes, Safari Technology Preview now has Subgrid and Container Queries on by default. https://t.co/hDHTIvxh4T

[Jeelex @Jeelex_]

#SCSS (#Sass) #Mixins Vs #Functions. What's the difference?
Check out this video by @MilesSebesta to find out!
https://t.co/mHvYkRQmIJ

#Frontend #FrontEndDevelopment #webdevelopment #webdevelopers #webdev #webdesigner #SoftwareEngineering

[Jeelex @Jeelex_]

#Vim lovers, check out this VS Code #extension: https://t.co/T2AwLDSNgl

#webdevelopment #softwaredevelopment #SoftwareEngineering