This week I began working on the next part of my internship project: embedding the Accessibility Inspector into the 3-pane view of the inspector panel. This part of my project will allow the inspection of a page with both the markup and accessibility tree views side-by-side. I am particularly excited about this part of my project since it would allow easier discovery of the Accessibility Inspector tool and it also provides better integration with more common developer tool use-cases such as inspecting the markup of the DOM tree. Read more

It was early November of last year when I received an offer to intern at Mozilla. Having previously contributed to their Firefox Devtools project, I was absolutely ecstatic. It would be one of the biggest steps I took in my career and the start date being eight months away made the internship feel even more surreal. Fast-forward to the first week of June, I was both nervous and excited when I arrived at the office for my first day. Read more

For this year’s Google Summer of Code program, I have been working on a project for Mozilla’s Firefox Developer Tools. My project was to implement new features for the CSS Grid Inspector tool as well as refining its existing functionality. About the Project The CSS Grid Inspector exists inside the Firefox Developer Tools Layout panel. It’s an intuitive interface that will aid designers and developers in building website layouts using CSS Grid, a cutting-edge layout specification supported across all major browsers. Read more

First evaluation period is now wrapping up! I’ve been planning and working on a new set of features since my last post and while only one of them has been landed it has still been a very busy past two weeks. But before I get into the details of what I’ve been doing last, I wanted to mention that the contributions from my last GSoC post have been recently featured in a Mozilla hack post written by my mentor! Read more

Just over a week ago, Google Summer of Code’s working period began. I’ve been making a number of contributions to Firefox Developer Tools’ CSS Grid Inspector for the past two weeks, most of which have been officially landed into the inbound branch of Firefox Nightly. The first set of contributions have been fine-tuning the UI for the CSS Grid Inspector. This includes: Changing the CSS Grid highlights for grid cells and areas to be consistent with the current grid colour. Read more