Categories
Code

Week 1 of #100days

It’s been several months since I coded, so I was very intimidated about starting back up this week. I had started a Front-End Development track last year on the Team Treehouse platform, so I decided to pick up where I left off. I had to revisit a lot of old material that I had forgotten, and writing my first lines was a slow process! 

I spent most of this week re-familiarizing myself with the fundamentals, then learning about gradients. I assumed that my mood would be the driving force in picking a song for the week, but rather it was the lessons that inspired my decision—learning about gradients made me want to create something that felt summery and soft. I thought about artists that evoked a sense of whimsy and remembered an old favorite—Au Revoir Simone. I picked the song Anywhere You Looked because it has a soft yet upbeat tone. It feels nostalgic and accepting of whatever was or may have been. 

Some initial sketches exploring layout, imagery, and the incorporation of the week’s learnings.

After deciding on the song, I started sketching out different ideas and eventually landed on a grid-like design with a gradient background. I wanted the type to look a little poetic and played with different stylistic approaches to the serif font. The sections are like pieces of a story coming together—like when we reflect and make sense of the past.

Click image below to watch video snapshot of site design.

It took a long time to get the gradient how I had imagined, but I am really happy with how it turned out. This design feels different from what I usually create, and I am glad this #100DaysofCode challenge has started with learning and trying new things. I hope this continues to be the case. 

I look forward to next week’s challenge as I take on new coding lessons and a new song! If you have any thoughts or questions, I’d love to hear from you! And if you’re doing a coding challenge yourself, I’d love to connect and share support!

Here are a few resources I found especially helpful this week.

https://css-tricks.com/css3-gradients/

https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient()

https://www.w3schools.com/cssref/func_linear-gradient.asp

Listen to This Week’s Song

2021 Coding Challenge

The only way to get better at something is through practice. Learn more about my goals for coding in 2021 and how I plan to achieve them.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s