Tutorials and Plugins
During my time at The Iron Yard, both as a student and as a paid teaching assistant, I came up with a few different tutorials and code snippets to help explain concepts to new web designers and developers. Doing so helped me solidify some ideas for myself and also helped others to grasp concepts and incorporate functionality into their projects. Here are a few examples:
Input to Output is a CodePen I put together during a live-coding exercise for the Web Design Class I assisted. The Idea was to get students familiar with the concept of storing user input from an input field and rendering it to the DOM. During the presentation a few of the more intrepid students asked me to include some alerts and simple tests to make the user experience more intuitive. I, of course, had to deliver.
Flexible Gallery was built in CodePen to meet a specific need. One of the Web Design Students wanted to include a responsive gallery into their final project that would show a hidden container on click and hide any other container in the gallery that was presently open. The tricky part about this was the positioning on different screen sizes.