I am working with Skillcrush, which is an amazing inclusive, supportive, and thorough school for people looking for a fast track to begin their careers in tech! I am following their track in front-end development, and I am coming from a degree in political science and a background as a front desk admin for alternative health clinics for the past 10 years! My hope is to get my foot in the door to the tech field, but I am intrinsically motivated to take front end and design deeper and further for my own website ideas, and I LOVE working with people and helping link in meaning for them so I want to see where that takes me in tech! 😁
I began to update my LinkedIn regularly with my coding exploits in the projects section, but it was ungainly... After going to Codeland 2022, I fell in love with this community and decided this was a great way to post more!
I will post a recap weekly on Tuesdays 📆, and this first post is the initial catch-up where I am obviously beginning to catch my stride so please bare with me!
For this exercise,
6/5: Practice utilizing CSS Flexbox to create a layout!
6/7: Updated 3 facts, practiced merging with the upsteam and resolving conflicts on Github between my laptop and desktop. Still static until I come back around.
Edited a static website I had previously coded from a design comp into Mobile First and responsive
6/6: Mobile styles foundation down, starting on tablet then back to desktop with media queries
6/7: Finalized mobile styles according to mobile design comp. So pretty!
6/8: Break from coding today to attend Lesbians Who Tech live in LA! 💖
6/9: Added tablet styles and finalized, added desktop styles- needs some tweaking
6/14: Made final layout tweak to the grid to solidify desktop styles
(I'm missing some days I accidentally deleted while transferring from my LinkedIn. During this time I started on the final project in Skillcrush's Responsive Coding class, a responsive mobile-first website for a work retreat. Then I decided to take a break from that project to practice more flexbox~)
Happy Juneteenth! I took a break and I went to the beach with a friend after work today. :)
🎧 Flow Jams: My friend’s May wedding playlist
I used the additional resources in my B.I.T. program to do some additional CSS practice and start with CodeSandBox for the first time. I used the CodeSandBox docs in order to figure out how to push my practice and projects to GitHub. The difference between justify and align-content and their relationship to the main access has FINALLY clicked for me, this being the third resource I have sought out on Flexbox (main lessons being the first, CSS-Tricks the second). So happy to have that brain click!! Introduced to the calc() function which is AWESOME!
🎧 Flow Jams: Porcupine Tree
Practiced using flex properties to create responsive containers. Took extra time trying to figure out why an element wasn’t aligning properly using my media queries- finally observed that the ORDER the media queries are in may affect where elements go BEFORE they encounter the next set of rules for the next screen size. I posted to Skillcrush’s Slack channel to ask about ideal min-width for screen sizes. Tinkered with CodeSandbox more until I figured out how to push Commits directly to Github for the repositories I made.
🎧 Flow Jams: Elbow
Delved into extra resources provided by Skillcrush regarding how to read a design comp for Flexbox properties. Started to attempt responsive images with the Unplugged Project by adding them to the CSS as a background for containers. They aren’t showing properly, but I can tell my other flex properties are registering, so I’m going to post a QS and take a look again at these tomorrow. Help came swiftly! (shared with her permission- this was my first time doing a project with images in the CSS and my brain was too tired to handle the pathway change. Sometimes you just need a peer to lend you their eyes!)
🎧 Flow-jams: Medeski, Martin, & Wood
🌺 Destress Activity: Bubble bath
Finished adding responsive backgrounds, images, and icons to mobile styles. Now with all elements in place, it’s easier for me to start tweaking for placement and widths, etc. and it’s really coming along. I still think I need a more in-depth understanding of how all the flexboxes are functioning in my website, then I can ask some good directed questions in a Q&A or on the Slack.
🎧 Flow Jams: Talk Talk
🌺 Destress activity: walk around the lake with my partner
Spent a lot of time trying to make sure I understand why each container is flex vs. not and tampered with margins and paddings a lot, which is one of my least favorite parts of designing a layout but is also one of the most rewarding once perfected. My footer needs a lot of help.
🎧 Flow-jams: Tortoise
🌺 Destress Activity: 🎮 Little Witch in the Woods
Got the footer looking good today and learned how to make circles with CSS thru W3Schools then adapted for my responsive layout. This is what I spent the most time on, then it was fairly easy to tweak the About page styles and add the iFrame. I updated the header and footer of the About and Faq pages as well. Good groove with both my partner and I in the office today.
🎧 Flow-jams: Alcest
🌺 Destress Activity: Walk around the neighborhood with my partner