Upon page load, hit the tab key to view the “Skip to main content” bar for screen readers.

This page is set for the link to jump to the section further down the page with the title “The Main Content”.

The code displayed in the below embedded CodePen is the same HTML used in the header.php file on this website. It has been edited to remove the PHP and be only raw HTML.

The code displayed in the below embedded CodePen is the same HTML used in the footer.php file on this website. It has been edited to remove the PHP and be only raw HTML.

The code displayed in the below embedded CodePen is the same CSS used for the title and accordion components on this website. Working examples of the components can be seen below the embedded box.

The JavaScript code is a sample of some functionality that I reuse frequently. Some of it is jQuery but a lot of what’s sampled is mostly Vanilla JavaScript.

When it comes to design aesthetic in a website, there are many times where I would sit down directly with the graphic designer and adjust various values (colors, spacing, line height, font sizes, image widths etc) at their direction. That was mostly from when I worked in an office, because for remote it’s a little different. Now, I will make adjustments to the code and push it up to a staging site via git. Then the graphic designer and/or project manager would go back and fourth with me on any adjustments they wanted to make. That would happen more when there wasn’t a design file I was working from and it was more of a “build this and let’s style it with the existing branding then adjust it after” project. On some projects, I am able to design the mobile views as content naturally stacks on smaller screens. This is usually the case when the design file doesn’t include a pre-designed tablet or mobile layout or there isn’t a pre-existing design file.

Linked below is a Next.js Logging App, deployed using Vercel.

The app randomly generates a random number of log entries of 3 types: info, warning, and error.

Each entry also has a message with a random number of words from a list. When run locally, there is a log file also that can be generated and written to.