Hi everyone, and welcome to my second blog post! I’m proud to say that my resume and coding capabilities have come a long way since my last check-in. At first, I truly found it difficult to get the hang of this whole coding thing. I barely understood the difference between HTML and CSS, couldn’t figure out how to add color to my pages, and felt as though I was doing a completely disastrous job.
However, after completing the rough draft of my resume, I feel much better about the web design process as a whole. At the beginning of the semester, if you are anything like me, you were feeling pretty discouraged. However, after getting some extra help and turning to a few classmates, I’m here to offer a few tips to extend to your rough draft tweaks and twists!
After scrolling through an entire page of code, it’s easy to feel a little cross-eyed. Making changes and updating format can become a bit confusing and tiresome. But, after meeting with Bill, I learned it can be very helpful to add some personal notes to your coding that won’t show up on your webpage! For example, after repeating a certain error throughout my CSS styling, I decided to add this for future reference. By including the asterisk and front slash, this rules out the text so it doesn’t show up on your webpage.
Part of what was due for our resume rough drafts was the complete coding for different templates, such as tablet, mobile, and computer screen. It is important to keep this distinct from one another because your page will truly look different on every device. For me, I decided to remove the background image from my resume for tablet and mobile templates. A minimalistic look can help your text stand out on a smaller screen. (And remember: white is also a color!)
A great deal of Web Design relies on font pairing and the appearance of text on a webpage. It is important to choose fonts that complement one another instead of an unflattering contrast. For example, a serif header font can help to stand out among a sans serif body font. Take a look at the font pairing below for some help with a complementary choice.
Anyway, I hope you have enjoyed these tricks regarding what I have learned so far! Keep coding & see you on the next one 🙂