Found 6 bookmarks
Custom sorting
You don't need JavaScript for that - HTMHell
You don't need JavaScript for that - HTMHell
On the web this means preferring HTML over CSS, and then CSS over JS. JS is the most versatile language out of the three because you're the one describing how the browser should act, but it can also break, it can fail to load and it takes extra resources to download, parse and run. It is also very easy to exclude keyboard users and people using assistive technologies with it. In contrast to JS, which is imperative, HTML and CSS are declarative. You tell the browser what to do, not how to do it. That means the browser gets to choose how to do it, and it can do it in the most efficient way possible. Because HTML and CSS features are handled by the browser they can be more performant, more native, more adaptable to user preferences and in general, more accessible. That doesn't mean it will always be (especially when it comes to accessibility) but when the browser does the heavy lifting for you, your end users will generally have a better experience. That also means that the solution you learned once becomes part of your toolbox, and you can keep re-implementing it and everytime it will still work. So the examples I'm going to give below are cool (that's why I'm listing them) but what I want you to take away from this article is that just because you know something needs JavaScript, doesn't mean it still does. You can make better websites if you test those assumptions every now and then. h/t https://fosstodon.org/@gagliardi_vale/112637006389188415
·htmhell.dev·
You don't need JavaScript for that - HTMHell
AI.JSX
AI.JSX
AI.JSX is a framework for building AI applications using JSX. While AI.JSX is not React, it's designed to look and feel very similar while also integrating seamlessly with React-based projects. With AI.JSX, you don't just use JSX to describe what your UI should look like, you also use it to describe how Large Language Models, such as ChatGPT, should integrate into the rest of your application. The end result is a powerful combination where intelligence can be deeply embedded into the application stack. AI.JSX is designed to give you two important capabilities out of the box: An intuitive mechanism for orchestrating multiple LLM calls expressed as modular, re-usable components. The ability to seamlessly interweave UI components with your AI components. This means you can rely on the LLM to construct your UI dynamically from a set of standard React components.
·docs.ai-jsx.com·
AI.JSX
Checkboxland
Checkboxland
Checkboxland is a JavaScript library for rendering anything as HTML checkboxes. You can use it to display animations, text, images, video, and arbitrary data. It also supports plugins, so you can add your own APIs. Checkboxland is dependency-free, framework-agnostic, and fun!
·bryanbraun.com·
Checkboxland
Drag and Drop File Uploading | CSS-Tricks
Drag and Drop File Uploading | CSS-Tricks
The following is a guest post by Osvaldas Valutis. Osvaldas is going to show us not only how drag and drop file uploading works, but goes over what nice UI and UX for it can be, browser support, and how to approach it from a progressive enhancement standpoint.
·css-tricks.com·
Drag and Drop File Uploading | CSS-Tricks
Masonry
Masonry
Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.
·masonry.desandro.com·
Masonry