Created
February 5, 2018 08:32
-
-
Save fielding/f673c5fbba77c888e74653782c554921 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <rss | |
| xmlns:dc="http://purl.org/dc/elements/1.1/" | |
| xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" | |
| xmlns:admin="http://webns.net/mvcb/" | |
| xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | |
| xmlns:content="http://purl.org/rss/1.0/modules/content/" | |
| version="2.0"> | |
| <channel> | |
| <title> CodePens from Fielding Johnston</title> | |
| <link>https://codepen.io/fielding/public</link> | |
| <description/> | |
| <dc:language>en</dc:language> | |
| <dc:creator>nospam@codepen.io</dc:creator> | |
| <dc:rights>Copyright 2018</dc:rights> | |
| <dc:date> | |
| 2018-02-05T07:39:24-07:00 | |
| </dc:date> | |
| <item> | |
| <title>Github/Codepen Contributions</title> | |
| <link>https://codepen.io/fielding/pen/bLEPOq</link> | |
| <guid>https://codepen.io/fielding/pen/bLEPOq</guid> | |
| <dc:creator>Fielding Johnston</dc:creator> | |
| <description> | |
| <![CDATA[ | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/bLEPOq"><img width="1024" height="600" src="https://codepen.io/fielding/pen/bLEPOq/image/large.png"></a> | |
| </p> | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/bLEPOq">See the Code</a> - | |
| <a href="https://codepen.io/fielding/full/bLEPOq">See it Full Page</a> - | |
| <a href="https://codepen.io/fielding/details/bLEPOq">See Details</a> | |
| </p> | |
| <p> | |
| </p> | |
| <p><small>This Pen uses: HTML, SCSS, Babel, and Babel</small></p> | |
| ]]> | |
| </description> | |
| <dc:subject>Github/Codepen Contributions</dc:subject> | |
| <dc:date> | |
| 2018-02-05T07:39:24-07:00 | |
| </dc:date> | |
| </item> | |
| <item> | |
| <title>TrouserSnake</title> | |
| <link>https://codepen.io/fielding/pen/yzEoyw</link> | |
| <guid>https://codepen.io/fielding/pen/yzEoyw</guid> | |
| <dc:creator>Fielding Johnston</dc:creator> | |
| <description> | |
| <![CDATA[ | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/yzEoyw"><img width="1024" height="600" src="https://codepen.io/fielding/pen/yzEoyw/image/large.png"></a> | |
| </p> | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/yzEoyw">See the Code</a> - | |
| <a href="https://codepen.io/fielding/full/yzEoyw">See it Full Page</a> - | |
| <a href="https://codepen.io/fielding/details/yzEoyw">See Details</a> | |
| </p> | |
| <p> | |
| </p> | |
| <p><small>This Pen uses: HTML, SCSS, Babel, and Babel</small></p> | |
| ]]> | |
| </description> | |
| <dc:subject>TrouserSnake</dc:subject> | |
| <dc:date> | |
| 2018-02-03T14:36:09-07:00 | |
| </dc:date> | |
| </item> | |
| <item> | |
| <title>simple bouncing particles</title> | |
| <link>https://codepen.io/fielding/pen/rpLqaJ</link> | |
| <guid>https://codepen.io/fielding/pen/rpLqaJ</guid> | |
| <dc:creator>Fielding Johnston</dc:creator> | |
| <description> | |
| <![CDATA[ | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/rpLqaJ"><img width="1024" height="600" src="https://codepen.io/fielding/pen/rpLqaJ/image/large.png"></a> | |
| </p> | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/rpLqaJ">See the Code</a> - | |
| <a href="https://codepen.io/fielding/full/rpLqaJ">See it Full Page</a> - | |
| <a href="https://codepen.io/fielding/details/rpLqaJ">See Details</a> | |
| </p> | |
| <p> | |
| </p> | |
| <p><small>This Pen uses: HTML, CSS, Babel, and Babel</small></p> | |
| ]]> | |
| </description> | |
| <dc:subject>simple bouncing particles</dc:subject> | |
| <dc:date> | |
| 2017-12-21T13:59:24-07:00 | |
| </dc:date> | |
| </item> | |
| <item> | |
| <title>Christmas Mode Toggle</title> | |
| <link>https://codepen.io/fielding/pen/QaEJgZ</link> | |
| <guid>https://codepen.io/fielding/pen/QaEJgZ</guid> | |
| <dc:creator>Fielding Johnston</dc:creator> | |
| <description> | |
| <![CDATA[ | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/QaEJgZ"><img width="1024" height="600" src="https://codepen.io/fielding/pen/QaEJgZ/image/large.png"></a> | |
| </p> | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/QaEJgZ">See the Code</a> - | |
| <a href="https://codepen.io/fielding/full/QaEJgZ">See it Full Page</a> - | |
| <a href="https://codepen.io/fielding/details/QaEJgZ">See Details</a> | |
| </p> | |
| <p> | |
| </p> | |
| <p><small>This Pen uses: HTML, SCSS, Babel, and Babel</small></p> | |
| ]]> | |
| </description> | |
| <dc:subject>Christmas Mode Toggle</dc:subject> | |
| <dc:date> | |
| 2017-12-21T13:56:04-07:00 | |
| </dc:date> | |
| </item> | |
| <item> | |
| <title>React Night Mode Toggle</title> | |
| <link>https://codepen.io/fielding/pen/qpbbNQ</link> | |
| <guid>https://codepen.io/fielding/pen/qpbbNQ</guid> | |
| <dc:creator>Fielding Johnston</dc:creator> | |
| <description> | |
| <![CDATA[ | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/qpbbNQ"><img width="1024" height="600" src="https://codepen.io/fielding/pen/qpbbNQ/image/large.png"></a> | |
| </p> | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/qpbbNQ">See the Code</a> - | |
| <a href="https://codepen.io/fielding/full/qpbbNQ">See it Full Page</a> - | |
| <a href="https://codepen.io/fielding/details/qpbbNQ">See Details</a> | |
| </p> | |
| <p> | |
| </p> | |
| <p><small>This Pen uses: HTML, CSS, Babel, and Babel</small></p> | |
| ]]> | |
| </description> | |
| <dc:subject>React Night Mode Toggle</dc:subject> | |
| <dc:date> | |
| 2017-12-18T11:44:14-07:00 | |
| </dc:date> | |
| </item> | |
| <item> | |
| <title>Naughty Girl</title> | |
| <link>https://codepen.io/fielding/pen/ZKGojg</link> | |
| <guid>https://codepen.io/fielding/pen/ZKGojg</guid> | |
| <dc:creator>Fielding Johnston</dc:creator> | |
| <description> | |
| <![CDATA[ | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/ZKGojg"><img width="1024" height="600" src="https://codepen.io/fielding/pen/ZKGojg/image/large.png"></a> | |
| </p> | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/ZKGojg">See the Code</a> - | |
| <a href="https://codepen.io/fielding/full/ZKGojg">See it Full Page</a> - | |
| <a href="https://codepen.io/fielding/details/ZKGojg">See Details</a> | |
| </p> | |
| <p> | |
| Playing around with some ideas for a friend, @i8degrees, pet project. | |
| </p> | |
| <p><small>This Pen uses: Pug, SCSS, Babel, and Babel</small></p> | |
| ]]> | |
| </description> | |
| <dc:subject>Naughty Girl</dc:subject> | |
| <dc:date> | |
| 2017-12-17T11:53:42-07:00 | |
| </dc:date> | |
| </item> | |
| <item> | |
| <title>glitch effects (SVG filters, css and javascript)</title> | |
| <link>https://codepen.io/fielding/pen/eeXQYJ</link> | |
| <guid>https://codepen.io/fielding/pen/eeXQYJ</guid> | |
| <dc:creator>Fielding Johnston</dc:creator> | |
| <description> | |
| <![CDATA[ | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/eeXQYJ"><img width="1024" height="600" src="https://codepen.io/fielding/pen/eeXQYJ/image/large.png"></a> | |
| </p> | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/eeXQYJ">See the Code</a> - | |
| <a href="https://codepen.io/fielding/full/eeXQYJ">See it Full Page</a> - | |
| <a href="https://codepen.io/fielding/details/eeXQYJ">See Details</a> | |
| </p> | |
| <p> | |
| [1] https://caniuse.com/#feat=css-filters | |
| </p> | |
| <p><small>This Pen uses: HTML, SCSS, Babel, and Babel</small></p> | |
| ]]> | |
| </description> | |
| <dc:subject>glitch effects (SVG filters, css and javascript)</dc:subject> | |
| <dc:date> | |
| 2017-12-16T18:20:00-07:00 | |
| </dc:date> | |
| </item> | |
| <item> | |
| <title>Naughty Girl: Search Suggestion/Autocomplete (Rxjs,Ramda, Fetch)</title> | |
| <link>https://codepen.io/fielding/pen/Vbdppm</link> | |
| <guid>https://codepen.io/fielding/pen/Vbdppm</guid> | |
| <dc:creator>Fielding Johnston</dc:creator> | |
| <description> | |
| <![CDATA[ | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/Vbdppm"><img width="1024" height="600" src="https://codepen.io/fielding/pen/Vbdppm/image/large.png"></a> | |
| </p> | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/Vbdppm">See the Code</a> - | |
| <a href="https://codepen.io/fielding/full/Vbdppm">See it Full Page</a> - | |
| <a href="https://codepen.io/fielding/details/Vbdppm">See Details</a> | |
| </p> | |
| <p> | |
| Needed more practice with RxJs, Ramda, and functional reactive javascript, so I came up with a rough idea for a search/hero video page for a friend @i8degrees and the project he has been working on lately. Hopefully the video clip I used isn't too much =) | |
| </p> | |
| <p><small>This Pen uses: Pug, SCSS, Babel, and Babel</small></p> | |
| ]]> | |
| </description> | |
| <dc:subject>Naughty Girl: Search Suggestion/Autocomplete (Rxjs,Ramda, Fetch)</dc:subject> | |
| <dc:date> | |
| 2017-12-06T23:17:04-07:00 | |
| </dc:date> | |
| </item> | |
| <item> | |
| <title>welcome to erf (learning three.js)</title> | |
| <link>https://codepen.io/fielding/pen/rmoraE</link> | |
| <guid>https://codepen.io/fielding/pen/rmoraE</guid> | |
| <dc:creator>Fielding Johnston</dc:creator> | |
| <description> | |
| <![CDATA[ | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/rmoraE"><img width="1024" height="600" src="https://codepen.io/fielding/pen/rmoraE/image/large.png"></a> | |
| </p> | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/rmoraE">See the Code</a> - | |
| <a href="https://codepen.io/fielding/full/rmoraE">See it Full Page</a> - | |
| <a href="https://codepen.io/fielding/details/rmoraE">See Details</a> | |
| </p> | |
| <p> | |
| Stereotypical low poly fun while learning three.js. I started out considering trying to keep things to scale, but then I thought about that and you'd only see a sun and "erf" would be off screen most the time lol. | |
| </p> | |
| <p><small>This Pen uses: Pug, SCSS, Babel, and Babel</small></p> | |
| ]]> | |
| </description> | |
| <dc:subject>welcome to erf (learning three.js)</dc:subject> | |
| <dc:date> | |
| 2017-06-17T17:18:58-07:00 | |
| </dc:date> | |
| </item> | |
| <item> | |
| <title>imbue.studio footer with hexagon svg social icons</title> | |
| <link>https://codepen.io/fielding/pen/apoZZB</link> | |
| <guid>https://codepen.io/fielding/pen/apoZZB</guid> | |
| <dc:creator>Fielding Johnston</dc:creator> | |
| <description> | |
| <![CDATA[ | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/apoZZB"><img width="1024" height="600" src="https://codepen.io/fielding/pen/apoZZB/image/large.png"></a> | |
| </p> | |
| <p> | |
| <a href="https://codepen.io/fielding/pen/apoZZB">See the Code</a> - | |
| <a href="https://codepen.io/fielding/full/apoZZB">See it Full Page</a> - | |
| <a href="https://codepen.io/fielding/details/apoZZB">See Details</a> | |
| </p> | |
| <p> | |
| Messing around with some ideas and overdue polishing of the simple/minimalistic footer for https://imbue.studio. This iteration I rotated the hexagons back, played around with a honeycomb arrangement of hex icons, and switched to inline svg defs/symbols instead of css hackago..err. hexagon | |
| </p> | |
| <p><small>This Pen uses: Pug, SCSS, Babel, and Babel</small></p> | |
| ]]> | |
| </description> | |
| <dc:subject>imbue.studio footer with hexagon svg social icons</dc:subject> | |
| <dc:date> | |
| 2017-06-17T12:14:18-07:00 | |
| </dc:date> | |
| </item> | |
| </channel> | |
| </rss> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment