Category: CSS
Meet Blob Bob
See the Pen Meet Blob Bob by Jim Roberts (@MrRoberts) on CodePen.
Circles are Round
See the Pen Round Challenge by Jim Roberts (@MrRoberts) on CodePen.
12 Bit Rainbow
See the Pen Kate Rose Morely’s 12bit rainbow pallet by Jim Roberts (@MrRoberts) on CodePen.
Circles are round.
See the Pen Sunshine Challenge by Jim Roberts (@MrRoberts) on CodePen.
Readability
There are a lot of people with problems reading websites due to small type sized and low contrast. Here is a readable font that you probably can substitute for Helvetica or Arial or other san-serif fonts.
See the Pen Readiblity by Jim Roberts (@MrRoberts) on CodePen.
Loving CodePen
I am having so much fun with CodePen.io it is a really nice environment where the weekly challenges. There are such an assortment of people and skill levels there. Codepen has been around for at least four years and I am so happy I found them. Thanks to the whole team for building such a wonderful sandbox for playing with HTML and CSS (and yes too Javascript). I am MrRoberts there. look me up.
Challenging Work
See the Pen Food Truck Challenge by Jim Roberts (@MrRoberts) on CodePen.
Codepen.io has weekly challenges that are fun to try your skills on. This is my first go at a Food Truck menu. Not much yet in it that feels truckish but lets see what else we can do.
Learning CSS
I’ve been, shall we say, fixated on learning CSS lately. Or should I say it’s been 10 years since I last worked with CSS. Boy have they made it much more usable. Things like Flexbox and Grid make it much easier to make stable websites. I’ve also discovered https::www.codepen.io which is a fabulous site for experimenting with web front end development. I can also recommend Kevin Powell‘s channel on YouTube. He is kind of the Mr. Rogers of CSS. So below is a Codepen that I put together to so I can remember what the keyword values do for the overflow property.