{"id":1133,"date":"2026-01-01T19:00:00","date_gmt":"2026-01-01T19:00:00","guid":{"rendered":"https:\/\/thestudyiq.com\/how-i-built-my-designerly-cv-2i7m\/"},"modified":"2026-01-01T19:00:00","modified_gmt":"2026-01-01T19:00:00","slug":"how-i-built-my-designerly-cv-2i7m","status":"publish","type":"post","link":"https:\/\/www.horoscopepath.com\/?p=1133","title":{"rendered":"How I built my designerly CV"},"content":{"rendered":"<p>index.html<\/p>\n<p>&lt;p&gt;hello&lt;\/p&gt;<\/p>\n<p>As a front-end engineer (a strange but strangely common cross between software engineer and designer), I made three self-discoveries early on:<\/p>\n<p>&#8211; I often look for work.<\/p>\n<p>&#8211; I care about aesthetics<\/p>\n<p>&#8211; I can hack almost anything<\/p>\n<p>Thus, necessity turned out to be the mother of invention and I found myself struggling to put together a CV worthy of my profession.<\/p>\n<p>Select a word processor<\/p>\n<p>This may seem like a problem from the &#8217;90s, but even now, in an era of free browser-based applications, I still find it a non-trivial question.<\/p>\n<p>My requirements:<\/p>\n<p>&#8211; Free and open source (I have plenty of money, but I&#8217;m allergic to subscriptions to big tech companies)<\/p>\n<p>&#8211; Minimal dependence on web connectivity (I want to be able to edit my CV in a short time with limited internet connectivity)<\/p>\n<p>&#8211; Able to save it as a regular file on the file system and easily share it (e.g. as an email attachment, in a LinkedIn message, etc.)<\/p>\n<p>&#8211; Able to export to common formats, both PDF and Word (in case a recruiter needs to edit your logo)<\/p>\n<p>&#8211; Compatible with Mac and Windows (sometimes I work on a Windows box)<\/p>\n<p>With a very small learning curve, LibreOffice ticked all the boxes very well.<\/p>\n<p>Layout design<\/p>\n<p>Before jumping into the word processor, I first developed a very simple sketch with pencil and paper, followed by a simple block diagram in Draw.io. This allowed me to experiment and modify the design at a high level until I arrived at something I was comfortable with.<\/p>\n<p>I ended up with a set of vertically stacked blocks for jobs, each block having a two-column layout with tasks on the left and details (like start\/end dates, technology, and testimonials) on the right.<\/p>\n<p>The design also includes a large header with some initial features, such as the technology I primarily focus on and my formal education. And a final section with side projects and short courses.<\/p>\n<p>Implementation<\/p>\n<p>Tables are supposed to be anathema to web developers, aren&#8217;t they? Well, this design is intended for a static document format (Word, PDF) or printed paper. It is not intended for the browser. Those who prefer or need to use a browser can check my Work section on conwy.co or my LinkedIn profile.<\/p>\n<p>It was easy enough to use LibreOffice&#8217;s native table, paragraph, bullets, and styling and formatting features, which work great with Word and PDF. The margins, padding, and bullet style are completely configurable, so I got a near-perfect layout.<\/p>\n<p>No doubt, while creating the CV, I frequently exported it to PDF and Word to check the results.<\/p>\n<p>Dancing with content<\/p>\n<p>Writing content for static documents is surprisingly different than for the web, especially when working with a carefully crafted design. The user&#8217;s scroll bar can&#8217;t be trusted as much, so the text must be carefully styled to fit inside the container.<\/p>\n<p>I found myself going back and forth between Sublime Text and LibreOffice: the former to create source material, the latter to edit it and adapt it to the &#8220;feel&#8221; of a formal document.<\/p>\n<p>Some tricks in no particular order:<\/p>\n<p>&#8211; Shorten month names (<\/p>\n<p>January\u2192January, etc.) &#8211; Abbreviate date ranges (<\/p>\n<p>year \u2192 year, etc.) &#8211; Reduce font size on entire lines (such as testimonial author and date)<\/p>\n<p>&#8211; Combine multiple details in one line (such as start\/end dates, period, industry)<\/p>\n<p>&#8211; Eliminate unnecessary verbosity and non-essential grammar (trading a minor grammatical correction for visual appeal)<\/p>\n<p>Final touches<\/p>\n<p>To give it the finishing touch, I wanted to use a nice, elegant font for the titles.<\/p>\n<p>After a bit of exploring, I decided on Swedish Sans, kindly made available to the public by the generous contributors of one of the most habitable countries on Earth.<\/p>\n<p>Web developers have it easy when it comes to interesting non-standard fonts. We just package the WOFF\/TTF\/ODF with our website and link to it. Or better yet, use Google Fonts and just grab a link.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>index.html <\/p>\n<p>hello<\/p>\n<p> As a front-end engineer (a strange but strangely common cross between software engineer and designer), I made three self-discoveries early on: &#8211; I often look for work. &#8211; I care about aesthetics -\u2026<\/p>\n","protected":false},"author":2,"featured_media":1134,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-1133","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"_links":{"self":[{"href":"https:\/\/www.horoscopepath.com\/index.php?rest_route=\/wp\/v2\/posts\/1133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.horoscopepath.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.horoscopepath.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.horoscopepath.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.horoscopepath.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1133"}],"version-history":[{"count":0,"href":"https:\/\/www.horoscopepath.com\/index.php?rest_route=\/wp\/v2\/posts\/1133\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.horoscopepath.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.horoscopepath.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.horoscopepath.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}