100 Days of Code: Day 31
100 Days of Code, Round 1
Goals For Today:[ultimate_icon_list icon_size=”16″ icon_margin=”20″][ultimate_icon_list_item icon_type=”custom” icon_img=”id^4091|url^https://www.blissfullemon.com/wp-content/uploads/2018/05/done.png|caption^null|alt^null|title^done|description^null”]Improve the functionality of the Color Helper application[/ultimate_icon_list_item][ultimate_icon_list_item icon_type=”custom” icon_img=”id^4091|url^https://www.blissfullemon.com/wp-content/uploads/2018/05/done.png|caption^null|alt^null|title^done|description^null”]Start on the next project for the Free Code Camp Responsive Web Design Certification – Build a Product Landing Page[/ultimate_icon_list_item][/ultimate_icon_list]
I am starting with the bad today, not because it is more important, but because that’s just how my day started.
Today was a bad day for me mentally. It had nothing to do with coding and everything to do with the tragic death of Anthony Bourdain. I know that sounds ridiculous. How can the death of a perfect stranger have such a negative effect on me? I’ve lost more than one person to suicide and it never gets easier to lose friends, family members, or idols to the darkness. No one is untouchable. No one is safe.
But enough of that for now. I got a lot accomplished despite feeling like there was a dark cloud following me.
I worked my booty off today. It is a color inspiration day (the day when I create and queue up another weeks’ worth of color inspiration posts for Color My Life). And because I saved so much time with my handy Color Helper application, I decided to work on that and add some more functionality to it to make it even better.
I also started on the next Free Code Camp project for the Responsive Web Design Certification.
Color Helper Application
I have created a function that looks at the HEX code entered in each textbox and uses the NTC color functions to search for name and return it in a <div> element on the page.
There are new hue checkboxes that, when checked, store those colors in a variable so they can be used in tags.
I also added a few new buttons to the page. The first is a refresh button that just refreshes the browser window so I can easily move on to the next color palette once I am ready. The second is a ‘Name Colors’ button which uses the getColors() function from above to retrieve, store, and display the colors for each HEX code.
It’s still not pretty, but it is working well and getting better and better with every revision.
Free Code Camp Project
I spent some time trying to figure out what product I wanted to create a landing page for, and I ultimately decided to do something completely ridiculous.
I have to confess something… I was hungry when I made this decision. I was very hungry, and for some reason, the only thing I could think of was organic beauty products and spaghetti and meatballs.
Guess which idea won. I might be a little ashamed, but not enough to change my mind.
So far I’ve started laying out my elements, like the header, nav menu, and three separate containers for the main content. Tomorrow I will try to get the bulk of the project done so I can finish up and submit it Sunday.