Maggie Appleton

Illustrator & Designer. Draws techy things and coding metaphors

[mappleton]

Just hand studies this morning. These are from a mix of animated films (because they're masters of gesture and simplification) and stylised adaptations from photo reference. The goal is that you can't tell the difference between them 😉 Style is a bit more cartoonish than I'd usually draw but I lean towards over detailing all the time, so its the right type of technical workout for me. Currently about 150 hands done in a goal of doing 400 of these kind of studies. H/t @willwestonstudio for the idea - he has students do it with facial expressions from animated films. https://ift.tt/2R6IhJU

[mappleton]

A few "rubbish" sketches for warmup this morning. Focusing on shape design and compositions. But also have a rubbish-themed concept illustration in mind and wanted to do some studies to figure out rubbish bags. https://ift.tt/2BssviL

[mappleton]

A speciality testing kit for React experiments. Made for egghead's Test React Components with Enzyme and Jest course. #js #javascript #react #jest #testing #dev #webdev #course #frontend #code #coding #webdevelopment #egghead #developers #development https://ift.tt/2siXeuL

[mappleton]

An indecisive magic 8 ball – conjured up for a new Egghead course on the Maybe Type in Javascript. At least it's not still stuck on "ask again later"... #javascript #js #magic8ball #dev #webdev #course #frontend #code #coding #webdevelopment #egghead #developers #development https://ift.tt/2KTNmym

[mappleton]

Scenes from breakfast this morning at #UXLondon. #Sketchnoting here for the next couple of days... more to come. #uxdesign #ux #sketchnotearmy #sketchnotes https://ift.tt/2GHvjJb

[mappleton]

Black Helmet Hackers get pretty ruthless with your hardware. Been playing around with more character design ideas recently. There's a whole world of bad internet jokes in my head waiting to take form... #hacker #blackhat #cybersecurity #characterdesign #character #hacked https://ift.tt/2rXX77F

[mappleton]

Couple more cast-off colour sketches from developing the Cypress Incubator piece. Looked at a lot of hydroponics, techy terrariums, and MIT lab agriculture projects for research. #cypress #testing #dev #webdev #course #frontend #code #coding #webdevelopment #egghead #developers #development https://ift.tt/2rOgEGQ

[mappleton]

Sketches from very early development and exploration of the Cypress Incubator illustration. Looked at a lot of hydroponics, gardening equipment, techy terrariums, and MIT lab agriculture projects for research. #cypress #testing #dev #webdev #course #frontend #code #coding #webdevelopment #egghead #developers #development https://ift.tt/2KsEeRf

[mappleton]

A hydroponic incubator & state of the art testing system for all our future tiny cypress trees.* Hydration measurement & sunlight exposure plug-ins included. Optional add-on of pH level indicators. *May or may not function properly on Elon's Mars colony – TBA Bit of a progress shot here of the original sketch, to colour sketch, to final. Made for Egghead's upcoming End to End Testing with Cypress course. #cypress #testing #dev #webdev #course #frontend #code #coding #webdevelopment #egghead #developers #development https://ift.tt/2ICJ7tr

[mappleton]

Been trying to level up my robo-sketching skills. These guys are a handful of half-baked creations sketched off industrial machinery & tanks. Trying to stick to a big-and-chunky square shape language as well. Nothing that great yet... still working on it. Who are your favourite robot concept artists / illustrators? My collection is fairly limited and could use some fresh inspiration. https://ift.tt/2rCuA6v

[mappleton]

Swapping around different colour combinations, background shapes, and value patterns for the "Optimising UX for Mobile Apps & Browsers" illustration. #ux #uxdesign #mobiledesign #dev #webdev #course #frontend #code #coding #webdevelopment #egghead #developers #development https://ift.tt/2jLeILK

[mappleton]

A magical flow of flexible web apps adapting themselves perfectly for mobile devices. Gotta make sure you've covered every screen size... For Egghead's Optimize UX for Mobile Devices & Browser course. #ux #mobiledesign #dev #webdev #course #frontend #code #coding #webdevelopment #egghead #developers #development https://ift.tt/2rsyrmR

[mappleton]

All the rough stages and idea development behind the React navigation compass. Old sea-faring navigation equipment is a fantastic set of objects to work off. Such engineering beauty in marine quantrants, sextants, and astrolabes. #react #dev #webdev #course #frontend #code #coding #webdevelopment #egghead #developers #development https://ift.tt/2wf3gRn

[mappleton]

Preparing the navigation equipment for a smooth voyage into React. For Egghead's React Native Navigation for Mobile Applications course. #react #dev #webdev #course #frontend #code #coding #webdevelopment #egghead #developers #development https://ift.tt/2HMMEll

[mappleton]

Starting a series on egghead called 'High Five Fridays!' We're building a community portion of the site, and one regular feature will be celebrating people's achievements every Friday. Needed a little set of celebratory eggos to go on the page mast head. #dev #webdev #course #frontend #code #coding #webdevelopment #egghead #developers #development https://ift.tt/2vKOUZ0

[mappleton]

A couple of sketches for egghead's team pages – eggos and their pet robot arms (handy since being a limbless egg doesn't give you much dexterity). Drawing articulated mechanical arms is one of my favorite wind-down activities in the evenings. Was waiting for an opportunity to slip them into some egghead work. #robots #roboarms #articulatedarms #machinery #mechanics #dev #webdev #course #frontend #code #coding #webdevelopment #egghead #developers #development https://ift.tt/2qTFIMg

[mappleton]

Colour combination test for the Google Puppeteer Show illustration. Once you have a palette picked out it's usually worth doing a round of testing different combinations of how to apply them. Blocking out basic shapes in Illustrator lets you play with this sort of thing really easily. I usually export to Photoshop after this stage – much easier to refine shapes and get into more nuanced details there. But illustrator wins for quick drafts. #testing #puppeteer #stage #puppets #google #dev #webdev #course #frontend #code #coding #webdevelopment #egghead #developers #development https://ift.tt/2qSzfBh