I recently started Vets Who Code. As part of our first week of camp, we installed a bunch of plugins to Chrome. It was a whirlwind of an evening, so I spent an afternoon further exploring some of the plugins we installed. The plugins I played around with are SVG Grabber, Site Palette, and Lighthouse. I also spent some time playing around with Chrome’s Dev Tools.
I went to apartmenttherapy.com (one of my favorite sites) and tried out the SVG Grabber first. I really want to play around with this one some more on other sites to find out what SVGs I can download. It’s pretty cool that you can download the ApartmentTherapy logo so easily.
Next I tried out Site Palette, which is quickly becoming my favorite plugin. It’s so neat to be able to quickly gain color inspiration from my favorite websites.
Lastly I checked out the Lighthouse report for ApartmentTherapy.com. I noticed that under Best Practices Apartment Therapy gets dinged for using document.write(), something I was just learning about recently! I was excited to see something I had learned “in the wild” and learn why it’s not a best practice (it can affect users on slower connections).
The Dev Tools
Select Element arrow
I started off playing around, selecting different elements with the Select Element arrow and exploring how different elements were nested in the DOM.
I spent some time playing around with some fun/helpful plugins and exploring the dev tools. Overall I’m excited and looking forward to learning more and using these plugins and tools on websites I create in the future!