Aims to document the most suitable cross-browser base styles and demonstrate a variety of common components in an accessible and modular way.
This plugin adds a block to the new WordPress editor that allows users to embed a Mapbox map on their site. Uses Mapbox GL JS, and create-guten-block.
Using Mapbox, this map displays all of the places that I have traveled to. The data is loaded using the WordPress REST API.
I love watching the SpaceX launches, so I thought it would be fun to create a page that I could reference. In addition, this gave me an excuse to use React. This uses data from the API of spacexdata.com.
I designed and developed a WordPress theme, submitted it to the WordPress theme directory, and now it's available for anyone to install on their site.
Intially, this page was just flat HTML, but I wanted to experiment with Vue. This fetches data from a REST API endpoint from WordPress, and then displays a list of books. The toggles on the page each trigger a new request based on a taxonomy in WordPress.
Using lazyload.js, this page will only show the first three images on initial page load. As the user scrolls down the page, additional images load in. This means that the page is lightweight on mobile, helpful for anyone who accidentially lands on the page or never scrolls down to the bottom of the page.
I wanted to play with CSS blur effects and CSS animation. For this project, I needed to learn more about positioning a background video so that it would always take up the entire available viewport.