css
Modularizing an Exercise App for Future Feature Development
Prior to the pandemic, I went to the gym every weekday and ended my workouts with a cooldown stretch. Depending on which muscle groups I used, I followed a particular series of stretches. I could never quite memorize the stretches, so I wound up going between the stopwatch app on my phone and the stretches in my web browser. If my phone memory wasn't feeling generous, this would cause my browser to totally refresh (requiring me to scroll down to find the correct stretch) and my stopwatch to lag before displaying the correct time.
ReadPage Height on Mobile Devices
Before deploying my application, I tested it using the developer tools available on Chrome. It looked exactly as I envisioned it when testing it across a myriad of screen sizes. However, after I visited the application on my mobile phone, I realized that there was one very big problem. The information at the bottom, which included the music playback option, the temperature, the date, the day, and time, was missing.
ReadCreating a Dark Mode Toggle with Sass
Even with smaller projects, I try to emphasize modularity. Changing one thing is always better than changing two. After learning more about structuring code with BEM, I decided to learn more about CSS processors, namely Sass.
ReadRelative Sizing in BEM
I am always trying to write cleaner code (although I realize I didn't always have this philosophy when I look at some of my older projects). Learning about CSS architecture makes me feel one step closer to achieving that goal. After reading about naming conventions in BEM, I decided to test drive my newfound knowledge by creating a simple landing page for my website.
Read