Links

I collect many links for my own reference. I’ve been keeping them in so many different places that I thought it would be best to organize them all in one.

  • Dan Benoni and Louis-Xavier Lavallee

    The Psychology of Design

    Understanding the psychology behind why users act the way they do is key to improving your user experience. Dan Benoni and Louis-Xavier Lavallee created a wonderful guide to psychology in design that examines more than a hundred cognitive biases and design principles and how they affect a user’s behavior.

  • David Haz

    ReactBits

    Animated components collection, written in React

  • MageCDN

    SVG Loaders

    A collection of beautifully crafted SVG loading animations that can be easily integrated into websites and applications. These loaders provide a more elegant alternative to traditional loading spinners, with smooth animations that work across all modern browsers without any dependencies.

  • Preethi

    Positioning Text Around Elements With CSS Offset

    The article explains how to use the CSS offset property to position and animate elements on a webpage. It highlights how offset can create paths for elements, allowing for precise placement and rotation along reference boxes. This technique simplifies positioning text and graphics, making it useful for dynamic designs.

  • Axel Rauschmayer

    A guide to `tsconfig.json`

    The guide to `tsconfig.json` provides recommendations for compiling TypeScript, including options for type checking and module imports. It covers how to use TypeScript directly without generating JavaScript files and ways to handle non-TypeScript artifacts. Additionally, it emphasizes the importance of strict type checking and offers tips for generating declaration files.

  • Million Software, Inc.

    React Scan

    React Scan automatically detects and highlights components that cause performance issues in your React app

  • Robin Wieruch

    LangChain: OpenAI in JavaScript with React.js & Next.js

    Tutorial on how to implement LLM with streaming and structured output

  • Martijn Hols

    Accessibility essentials every front-end developer should know

    Front-end developers can improve accessibility by using semantic HTML, proper interactive elements, and ensuring keyboard navigation works smoothly. Simple practices like writing alt text for images and using ARIA attributes enhance usability for everyone. Making accessibility a part of the development process benefits all users and can even boost SEO.

  • Jamsocket

    Learn YJS

    Learn Yjs is a tutorial series for building realtime collaborative applications using the Yjs library. The website features live examples where multiple users can interact with the content simultaneously. It includes demos and exercises to help you understand how to create and manage state in these applications.

  • Chris Coyier

    Relatively New Things You Should Know about HTML Heading Into 2025

    A collection of useful additions to HTML/CSS specifications - native accordions, stylable selects, and more.