When working with CSS, developers frequently inspect elements and styles in browser DevTools to understand how CSS is applied. This project aims to bridge the gap between browser DevTools and WebStorm by enabling navigation from computed CSS rules in the browser to their original source code in IDE.

During internship you will:

• Explore the current state of CSS tooling and browser DevTools to understand how CSS rules can be traced back to their source. This includes studying available DevTools metadata, stylesheet information, and CSS source maps where available, as well as identifying limitations and ambiguous cases.

• Based on the research findings, implement a prototype in WebStorm that enables best-effort navigation from browser-inspected CSS to source code.

The project is closely related to ongoing discussions in the CSS Working Group around standardization of CSS source maps. As part of the project, the intern may engage with these discussions by sharing observations and practical insights gained during the research and prototyping phases

• Basic understanding of web technologies and interest in CSS and frontend tooling

• Willingness to learn, experiment, and investigate how existing tools work under the hood

• Comfortable explaining technical work and findings clearly

• Comfortable communicating in English in a technical environment (the team is English-speaking; I speak Russian and English)

  ---

  Nice to have:

• Experience working on frontend applications

• Some experience with CSS and related tools (e.g. preprocessors or post-processing)

• Familiarity with browser DevTools (inspecting elements, styles, computed values)

• Familiarity with JavaScript; understanding of TypeScript is a plus

• Familiarity with Java or Kotlin