Coding Examples

IGF: added slideshow and showing footer ticker.

Center for Next Generation of Materials by Design. I coded this site from a template.

Cngmd responsive placeholder. I put this in place before starting work on the main site.

NREL Science and Technology. I advocated for and added the accordions to this page. The content representative previously had a long, scrolling page of report titles. I knew the user would become overwhelmed with it and I suggested that we segment the content.

Technical Assistance filtering matrix. Here is a project I created for the client, but it never went to production. However, it shows my work on creating a card-sort filtering system. Users can search on multiple filters and the information reflows.

Seriius card sorting using filters https://jessica-sams.tinytake.com/sf/MTY5NF80ODE5Mg

Policies, Procedures, Forms. Here is an example of a sortable table I built. It is meant for NREL employees to be able to quickly find a procedural form by title, date uploaded, keyword, or category. I was in charge of this version of the policies, procedures, and forms HTML pages for several years. After this, I was in charge of transitioning this content into Drupal while I worked in tandem with the Drupal developer to advocate for user needs in the new user interface.

I've managed long JSON object files when I was in charge of managing the HTML on the policies, procedures, and forms at NREL.

Here is a video showing the JSON file that manages when a 'new' icon shows up for a certain file. https://jessica-sams.tinytake.com/sf/MTk4NTA1XzEyNTc4Mzg.

Troubleshooting a site using the developer tools to inspect the code, validate the HTML, then perform link check with an addon. In this video I'm working on a site I hand-built for NREL's intranet, theSOURCE. https://jessica-sams.tinytake.com/sf/MzQ2ODBfMjk0NTEy

Tutorials

OmniUpdate tutorial on fontawesome carets in right column.

Drupal tutorial for adding anchor tags.

Image from OmniUpdate tutorial of admin panel for researchers' bios.

CRM

An inside peek at the Lyris List Manager admin interface.

Here is a video I recorded to help teach my team about the 'HTML to text' feature. We used to preformat the text version to about 606 pixels wide with hard line breaks for older email clients, however the team is changing that protocol in favor of removing the paragraph returns.
Here is a screenshot of a list I created for the project management team at NREL. I formatted the email addresses in a spreadsheet, save to a csv and upload into Lyris.