Design Engineer Logo

Rasmus Andersson

Personal website of Rasmus Andersson, a Swedish software engineer living in San Francisco, showcasing his projects, thoughts, and ideas.

Rasmus Andersson

Use Case

Designers who code would want to use this resource to:

  1. Gain inspiration: Rasmus Andersson's diverse projects and articles can inspire new ideas and approaches to design and development.

  2. Learn from real-world examples: The site showcases various projects, from WebGL demos to WebAssembly implementations, providing practical insights into cutting-edge web technologies.

  3. Stay updated: The blog section offers thoughts and ideas on various topics, helping designers stay informed about industry trends and developments.

  4. Explore innovative tools: Many of the featured projects are tools or libraries that could be useful in a designer's workflow, such as the Figma Minimap plugin or the Estrella build runner.

  5. Understand the intersection of design and code: Rasmus's background as both a designer and engineer provides a unique perspective on how these disciplines interact and complement each other.

Overview

Rasmus Andersson's personal website is a treasure trove of inspiration and knowledge for designers who code. Here's why it's a valuable bookmark:

  1. Diverse Project Showcase: The site features a wide array of projects that span various aspects of web development and design. From WebGL demos to WebAssembly implementations, and from UI plugins to build tools, there's something to pique the interest of any design-savvy developer.

  2. Insightful Articles: The "Thoughts & ideas" section offers deep dives into topics like WebAssembly, programming language design, and the philosophy of design. These articles provide valuable context and understanding that can inform a designer's approach to coding.

  3. Intersection of Design and Code: Rasmus's background as both a designer and engineer is evident throughout the site. This dual perspective is particularly valuable for designers who code, as it demonstrates how these two disciplines can complement and enhance each other.

  4. Cutting-edge Technologies: Many of the projects and articles focus on emerging technologies and techniques in web development. This makes the site an excellent resource for staying up-to-date with the latest trends and possibilities in the field.

  5. Interactive Learning: Several projects include interactive demos or playgrounds. These hands-on experiences are invaluable for designers looking to deepen their understanding of complex concepts or experiment with new technologies.

  6. Open Source Contributions: Many of the tools and libraries showcased are open source, allowing designers to not only use them but also learn from their implementation and potentially contribute back to the community.

  7. Design Inspiration: While the focus is often on the technical side, the site itself and many of the projects demonstrate a keen eye for design. This can serve as inspiration for designers looking to create visually appealing and functional interfaces for their own projects.

By bookmarking this site, designers who code gain access to a wealth of knowledge, tools, and inspiration that can help them push the boundaries of what's possible in web design and development. It serves as a reminder of the power that comes from mastering both the aesthetic and technical aspects of digital creation.

How to Use

To make the most of this resource:

  1. Explore the Projects section: Browse through the various projects to find inspiration or tools that could be useful in your work.

  2. Read the Articles: Dive into the "Thoughts & ideas" section to gain insights on various topics related to design and development.

  3. Check out the highlighted projects: Pay special attention to projects like the WebGL compressed texture loading demo, Quality in Software talk, and the Introduction to WebAssembly article for in-depth technical knowledge.

  4. Follow Rasmus: Consider following his work for ongoing inspiration and updates in the field of design and software engineering.

  5. Experiment with the tools: Try out some of the interactive demos and tools provided, such as the Browser pixel-rounding playground or the Pointer latency playground, to enhance your understanding of web technologies.