
Category: Technique


Rocket

Boat
First effort at doing a vector illustration. I’ve been using, and learning. Inkscape, a free vector graphic application which takes som getting used to but can do some amazing things.

Gertrude McFuzz

Waiting

Palm Panorama

Bike

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.