Pens from Ryan Mack https://codepen.io/ryanmclaughlin/ en nospam@codepen.io Copyright 2024 2021-09-15T18:52:03-07:00 [@yourname] Coding for Designers: 101 https://codepen.io/ryanmclaughlin/pen/ZEyaLLM https://codepen.io/ryanmclaughlin/pen/ZEyaLLM Ryan Mack

See the Code - See it Full Page - See Details

]]>
[@yourname] Coding for Designers: 101 2021-09-15T18:52:03-07:00
Sorry I have no filter https://codepen.io/ryanmclaughlin/pen/qeqKrZ https://codepen.io/ryanmclaughlin/pen/qeqKrZ Ryan Mack

See the Code - See it Full Page - See Details

Recreation of an animation using web standard code (SVG path animation) inspired by https://danielbrokstad.com/SIHNF

]]>
Sorry I have no filter 2019-07-27T18:42:58-07:00
Email bundles https://codepen.io/ryanmclaughlin/pen/rbKbQy https://codepen.io/ryanmclaughlin/pen/rbKbQy Ryan Mack

See the Code - See it Full Page - See Details

]]>
Email bundles 2019-05-19T04:41:37-07:00
CSS Alphabet https://codepen.io/ryanmclaughlin/pen/EJKXBM https://codepen.io/ryanmclaughlin/pen/EJKXBM Ryan Mack

See the Code - See it Full Page - See Details

A simple exploration of creating a simple typeface using limited html elements and some styling. Inspiration from instagram.com/huddle_house.jpg

]]>
CSS Alphabet 2019-07-18T03:10:15-07:00
A Pen by Ryan Mack https://codepen.io/ryanmclaughlin/pen/gqOpro https://codepen.io/ryanmclaughlin/pen/gqOpro Ryan Mack

See the Code - See it Full Page - See Details

]]>
A Pen by Ryan Mack 2019-01-24T00:54:52-07:00
Gift card campaign prototype - Mazlo https://codepen.io/ryanmclaughlin/pen/Zbddaa https://codepen.io/ryanmclaughlin/pen/Zbddaa Ryan Mack

See the Code - See it Full Page - See Details

]]>
Gift card campaign prototype - Mazlo 2019-07-25T19:57:20-07:00
Helix Cup Challenge View Prototype https://codepen.io/ryanmclaughlin/pen/RWRObE https://codepen.io/ryanmclaughlin/pen/RWRObE Ryan Mack

See the Code - See it Full Page - See Details

This is a prototype page for a middle school science competition challenge. ––– Helix Cup is an annual competition to engage middle school students in South San Francisco to develop problem solving, teamwork, and hands-on science skills.

]]>
Helix Cup Challenge View Prototype 2019-07-25T19:29:44-07:00
A Pen by Ryan Mack https://codepen.io/ryanmclaughlin/pen/MaydPN https://codepen.io/ryanmclaughlin/pen/MaydPN Ryan Mack

See the Code - See it Full Page - See Details

]]>
A Pen by Ryan Mack 2019-07-25T21:10:14-07:00
Parallax effect plugin https://codepen.io/ryanmclaughlin/pen/jbbLjJ https://codepen.io/ryanmclaughlin/pen/jbbLjJ Ryan Mack

See the Code - See it Full Page - See Details

An experiment only.

]]>
Parallax effect plugin 2019-08-09T17:37:17-07:00
Google Dots Animation https://codepen.io/ryanmclaughlin/pen/epNERq https://codepen.io/ryanmclaughlin/pen/epNERq Ryan Mack

See the Code - See it Full Page - See Details

This animation is meant to demonstrate @for loops in SASS to create animation delays.

]]>
Google Dots Animation 2015-09-11T01:49:28-07:00