Best of CodePen — 2023

1. 1
   Article

   CodePen·3y

   Chris’ Corner: Little Useful Websites

   CSS-Pattern Temani Afif’s pattern site has some pretty sophisticated backgrounds that are done just with CSS backgrounds. The site provides SVG, HTML, and CSS for you to copy out, which, I’m sure you're aware, plunking over to CodePen to play with is a snap.

   30
2. 2
   Article

   CodePen·3y

   Google Log In

   Google Log In - CodePen Blog CodePen offers it now. Until recently, we only offered GitHub, Twitter, and Facebook social login buttons. The way our social login works is that it’s just an email matcher. You don’t have to remember which social service you used to sign up with or anything like that.

   12

   1
3. 3
   Article

   CodePen·2y

   Chris’ Corner: Mentals and Models – CodePen

   The article discusses Josh Comeau's new learning guide for CSS grid, his operator lookup page, and the concept of import maps in JavaScript.

   11
4. 4
   Article

   CodePen·3y

   Chris’ Corner: Naming, Tiles, and Simplicity

   Picking the right name for things, such as APIs and colors, can be challenging but important. Different naming techniques and inspirations, such as architecture and journalism, can be helpful. The Color Names project has already named a large number of colors. Embracing simplicity and boring technology can have long-term benefits. Automated testing and new CSS technology can aid in improving color contrast on websites.

   11