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.

Screen Shot 2018-10-30 at 2.17.44 PM


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.

Screen Shot 2018-10-30 at 2.32.10 PM

Anyway, I hope you have enjoyed these tricks regarding what I have learned so far! Keep coding & see you on the next one 🙂 


2 thoughts on “ROUGH DRAFT ROUND-UP

  1. Hi Kelly,
    I really like how you gave a descriptions of advice on the organization, font, and layout aspect of coding the resume in this post. I think your resume came out great and I like how you stuck with simple colors. Good work!


  2. Hey Kelly, really informative post. When I was designing my rough draft, I didn’t do as much as I should in some parts and it gave me trouble down the road. I 100% can agree with you on that. The layout and font pairings you chose are really nice. I hope that final coding went well, have a nice break!


Leave a Reply

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

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

Google photo

You are commenting using your Google 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