Pens from Maren Vernon https://codepen.io/codifiedconcepts/ en nospam@codepen.io Copyright 2024 2019-01-27T20:07:35-07:00 STEM PRESENTATION: Website Example https://codepen.io/codifiedconcepts/pen/XObVPq https://codepen.io/codifiedconcepts/pen/XObVPq Maren Vernon

See the Code - See it Full Page - See Details

This is an example website for my STEM presentation. For my blog post related to this site, go to: https://codifiedconcepts.com/want-to-start-coding-ideas-to-get-you-going

]]>
STEM PRESENTATION: Website Example 2019-01-27T20:07:35-07:00
Playing with Other's SVG https://codepen.io/codifiedconcepts/pen/ePrpyz https://codepen.io/codifiedconcepts/pen/ePrpyz Maren Vernon

See the Code - See it Full Page - See Details

]]>
Playing with Other's SVG 2018-10-18T21:28:22-07:00
Simplified Floating Examples https://codepen.io/codifiedconcepts/pen/VGoqjY https://codepen.io/codifiedconcepts/pen/VGoqjY Maren Vernon

See the Code - See it Full Page - See Details

Additional floating examples to help students I'm guiding.

]]>
Simplified Floating Examples 2018-09-28T19:49:30-07:00
More Complex Floating Examples https://codepen.io/codifiedconcepts/pen/MVxgvw https://codepen.io/codifiedconcepts/pen/MVxgvw Maren Vernon

See the Code - See it Full Page - See Details

More complex floating examples to help students I'm guiding.

]]>
More Complex Floating Examples 2018-09-28T19:49:40-07:00
Funky CSS-only Buttons https://codepen.io/codifiedconcepts/pen/wmQBvx https://codepen.io/codifiedconcepts/pen/wmQBvx Maren Vernon

See the Code - See it Full Page - See Details

Having fun with CSS animations.

]]>
Funky CSS-only Buttons 2018-09-27T19:23:11-07:00
Holstee Manifesto-New https://codepen.io/codifiedconcepts/pen/BrmKmN https://codepen.io/codifiedconcepts/pen/BrmKmN Maren Vernon

See the Code - See it Full Page - See Details

Version of the Holstee with fixed widths (pre-responsive).

]]>
Holstee Manifesto-New 2018-09-27T19:27:56-07:00
Holstee Manifesto-Alternate https://codepen.io/codifiedconcepts/pen/LQQxvm https://codepen.io/codifiedconcepts/pen/LQQxvm Maren Vernon

See the Code - See it Full Page - See Details

Proposed alternate Holstee Manifesto project for Skillcrush

]]>
Holstee Manifesto-Alternate 2018-04-10T18:54:16-07:00
Holstee Manifesto-Old https://codepen.io/codifiedconcepts/pen/vpmdvr https://codepen.io/codifiedconcepts/pen/vpmdvr Maren Vernon

See the Code - See it Full Page - See Details

Skillcrush student bonus project. This comes before students have learned about flexbox, so I have put in alternate styling using floats to get closer to the result they might return.

]]>
Holstee Manifesto-Old 2018-04-10T18:54:50-07:00
Slider Test https://codepen.io/codifiedconcepts/pen/ZXdrJp https://codepen.io/codifiedconcepts/pen/ZXdrJp Maren Vernon

See the Code - See it Full Page - See Details

]]>
Slider Test 2017-10-25T00:47:58-07:00
Sliding Hero https://codepen.io/codifiedconcepts/pen/EwBbrJ https://codepen.io/codifiedconcepts/pen/EwBbrJ Maren Vernon

See the Code - See it Full Page - See Details

Playing with a hero image with expanding and contracting sections. Was not ultimately used on the site I built, but fun nonetheless.

]]>
Sliding Hero 2018-09-27T19:24:35-07:00