Link List

Intro­duc­tion to Web Com­po­nents. This is a paid course, but check out the ​“get­ting start­ed” doc­u­men­ta­tion. It’s a good doc­u­ment all on its own and will teach you a lot about web com­po­nents.

Pri­va­cy-focused drop-in replace­ment for Google Fonts.

This tool will help you mas­ter mul­ti-hued, mul­ti-stops col­or scales. What is that? ​“While a (lin­ear) vari­a­tion in light­ness is the most impor­tant qual­i­ty of a sequen­tial col­or scale, vary­ing the hue can bring fur­ther sig­nif­i­cant improve­ments. Hue vari­a­tion pro­vides a bet­ter col­or con­trast and thus makes the col­ors eas­i­er to dif­fer­en­ti­ate.” — Learn more here.

Pull con­tent from any­where and serve it fast with Astro’s next-gen island archi­tec­ture. Astro is the web frame­work that you’ll enjoy using.

Excitable mus­ings about front-end devel­op­ment from Cassie Evans.

GetScreen­shot is a pow­er­ful pro­gram­ma­ble web­site screen­shot API that allows you to do screen­shot cap­ture oper­a­tions at scale, and for less than oth­er mar­ket solu­tions. No Code and Low Code Friend­ly.

CSS data visu­al­iza­tion frame­work

A col­lec­tion of oth­er web devel­op­ment and design blogs to read as the Twit­ter migra­tion con­tin­ues.

A course that will teach you how to opti­mize your Chrome Dev Tools to get the most out of them for per­for­mance test­ing your sites and web apps.

Request­ly is a cross-plat­form devel­op­er tool for mod­i­fy­ing net­work (HTTP(s)) requests. It is one of the favorite tools in the devel­op­ers’ toolk­it and has helped over 100,000 web devel­op­ers.

WebC is a new tool by Zach Leather­man (cre­ator of Eleven­ty) for seri­al­iz­ing cus­tom ele­ments at build time. It aggre­gates com­po­nent-lev­el CSS and JavaScript, allow­ing devel­op­ers to keep their styles and scripts togeth­er with the markup as sin­gle file com­po­nents, the way you may be used to if you work with JavaScript frame­works such as Svelte or Vue.

Can you embed HTML5 videos in email? It’s pos­si­ble, but is it a wise choice? Find out how to use the right code and get answers on client sup­port.

Devel­op­er tool­ing with­in browsers is more pow­er­ful than ever, but this brings its own prob­lems: there’s just so much! How does it all work? Which bits do I need? What does this even do?

I bought and took this course. High­ly rec­om­mend­ed!

Cre­ate book­marklets in your brows­er with a sim­ple copy and paste. This web app helped me quick­ly iter­ate on the book­marklet I made for sav­ing links on SuperGeek​ery​.com.