Javascript

When using D3’s force layout with a disconnected graph, you typically want the positioning forces (d3.forceX and d3.forceY) instead of the centering force (d3.forceCenter). The positioning forces, unlike the centering force, prevent detached subgraphs from escaping the viewport.

NebulaGraph Studio has adopted D3-force directed graph to visualize data connections. This post has shared two ideas to optimize the force-directed graph layout.

Lately, I was involved in an interesting project that includes building various graph visualizations. The app we built used React as the…

Train and deploy models in the browser, Node.js, or Google Cloud Platform. TensorFlow.js is an open source ML platform for Javascript and web development.

Matter.js is 2D rigid body physics engine for the web, using JavaScript and HTML5

Creative Coding: Generative Art, Data visualization, Interaction Design, Resources. - terkelg/awesome-creative-coding

Beautifully designed components built with Melt UI and Tailwind CSS.

Documentation for PixiJS Filters library

htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext htmx is small (~14k min.gz’d), dependency-free, extendable, IE11 compatible & has reduced code base sizes by 67% when compared with react

Simple. Fast. Web Components.

A lib for generating CSS from JavaScript

The Component Gallery is a collection of components from the best Design Systems.

Web component JS frameworks overview by their syntax and features: Svelte 4, React, Vue 3, Angular, Lit, Vue 2, Ember Octane, Solid.js, Alpine, Svelte 5 (preview), Ember Polaris (preview), Mithril, Aurelia 2, Qwik, Marko, Aurelia 1

Explore 1000s of components and libraries

Explore a wide variety of open-source, customizable buttons for web and mobile applications on Uiverse. Find the perfect button style, from flat to rounded designs, to enhance your app's user interface and elevate your design experience.

Learn the creative parts of HTML, CSS, and JavaScript. Let's make the frontend fun again!

Whether scroll fading is more distracting than usable depends on the following factors: its persistence, responsiveness, and how sparingly it is applied to elements on the page. When used right, this design pattern can improve brand perception, optimize page loading, and make content more digestible.

Learnings and realizations on designing for AI and Stable Diffusion, through a practical example where I built my own app called ‘Viewmaker’.