How CSS Is Reducing The Need For Images— Part 2, Eye Candy

Jason Knight
CodeX
Published in
23 min readJan 7, 2023

--

Something different

In part one I went over how I found someone making a realistic looking styled calculator on Twitter, and how I took my own stab at it without planning. I then started doing it a second time with proper planning and folowing my usual build process.

We got so far as the layout, now it’s time to start making it pretty. The initial result of which can be seen here:

Though that’s as far as I can take it on codepen. The need for specific fonts and codepen never playing nice with my hosting means I need to move it to my own server to show you the finished product.

As with all my examples the directory:
https://cutcodedown.com/for_others/medium_articles/htmlCSSCalc/

--

--

Jason Knight
CodeX

Accessibility and Efficiency Consultant, Web Developer, Musician, and just general pain in the arse