<?xml version="1.0" encoding="UTF-8" standalone="no"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:thr="http://purl.org/syndication/thread/1.0" xml:lang="en-US">
	<title type="text">The Entropy Blog</title>
	<subtitle type="text"/>

	<updated>2024-11-13T23:26:33Z</updated>

	<link href="https://taniaarpa.com" rel="alternate" type="text/html"/>
	<id>https://taniaarpa.com/feed/atom/</id>
	<link href="https://taniaarpa.com/feed/atom/" rel="self" type="application/atom+xml"/>

	<generator uri="https://wordpress.org/" version="6.8.3">WordPress</generator>
<icon>https://taniaarpa.com/wp-content/uploads/2022/07/cropped-codecandy-icon-32x32.png</icon>
	<entry>
		<author>
			<name>Tania Arpa</name>
							<uri>https://taniaarpa.com</uri>
						</author>

		<title type="html"><![CDATA[Writing a tech manual— for a knitting pattern]]></title>
		<link href="https://taniaarpa.com/design/writing-a-tech-manual-for-a-knitting-pattern-cloverleaf-eyelet-book-sleeve/" rel="alternate" type="text/html"/>

		<id>https://taniaarpa.com/?p=4860</id>
		<updated>2024-07-08T04:54:41Z</updated>
		<published>2023-12-08T09:59:46Z</published>
		<category scheme="https://taniaarpa.com" term="Design"/><category scheme="https://taniaarpa.com" term="Knitting Pattern"/><category scheme="https://taniaarpa.com" term="book sleeve"/><category scheme="https://taniaarpa.com" term="booksleeve"/><category scheme="https://taniaarpa.com" term="craft"/><category scheme="https://taniaarpa.com" term="knit"/><category scheme="https://taniaarpa.com" term="knit pattern"/><category scheme="https://taniaarpa.com" term="pattern"/><category scheme="https://taniaarpa.com" term="yarn"/><category scheme="https://taniaarpa.com" term="yarncraft"/>
		<summary type="html"><![CDATA[Because I'm a chaos demon, I decided I'd start not by writing a manual for a website or a program but for by writing a knitting pattern. Mostly because I've been making up patterns for things I wanted to make for myself and if I didn't write them down, I'd forget them. ]]></summary>

					<content type="html" xml:base="https://taniaarpa.com/design/writing-a-tech-manual-for-a-knitting-pattern-cloverleaf-eyelet-book-sleeve/"><![CDATA[
<p>I don&#8217;t write tech manuals. I know I should. When I go back to a website I&#8217;ve created to modify it, I spend way too much time familiarizing myself with how I built the dang thing in the first place. This wouldn&#8217;t be a problem if I had written a manual (or even just notes) for it in the first place.</p>



<p>Technical writing is a skill, one that you can learn. It&#8217;s a skill that will serve you best if you learn it early in your programming career.  </p>



<p>But because I&#8217;m a chaos demon, I decided I&#8217;d start not by writing a manual for a website or a program but for by writing a knitting pattern. Mostly because I&#8217;ve been making up patterns for things I wanted to make for myself and if I didn&#8217;t write them down, I&#8217;d forget them. Then if I wanted to make them again in a year, I&#8217;d have to start again from the beginning.</p>



<p>One thing I&#8217;ve been making is the book sleeve. Apparently, we don&#8217;t cover books in plastic anymore (yes I&#8217;m that old) so I needed a way to keep my paperbacks protected while I carry them around in my purse. The books in my collection come in different sizes, so I just made this in the size of most <a href="https://romanceclassbooks.com">#RomanceClass</a> novellas— 5&#8243;x8.5&#8243;.  As for the yarn, I had a few cakes of Premier Sweet Roll in Peaches and Cream pop in my stash, most of which were in a baby blanket I was knitting, a project I&#8217;d abandoned a long time ago. I decided to use this yarn because I thought the color and texture would work great for a book sleeve I didn&#8217;t even bother frogging before I started, I just cut the working yarn and began there, frogging as needed whenever I needed to pull more working yarn. </p>



<p>I&#8217;d just recently learned how to do the Kitchener stitch, and I love it. It&#8217;s easy and saves me an extra step. Instead of casting off then sewing my seam, I just use the Kitchener stitch to do both cast-off and seam. Knitting the sleeve in the round meant I only needed to seam once. </p>



<p>Right now, the sleeve is on my blocking mat, still wet. I also forgot to take photos of the project in different stages, so all I can give you is this (until I can make another one for photo-taking purposes). </p>



<figure class="wp-block-image size-large wp-duotone-unset-1"><img fetchpriority="high" decoding="async" width="1024" height="768" src="https://taniaarpa.com/wp-content/uploads/2023/12/Cloverleaf-eyelet-book-sleeve-1024x768.jpeg" alt="" class="wp-image-4862" srcset="https://taniaarpa.com/wp-content/uploads/2023/12/Cloverleaf-eyelet-book-sleeve-1024x768.jpeg 1024w, https://taniaarpa.com/wp-content/uploads/2023/12/Cloverleaf-eyelet-book-sleeve-300x225.jpeg 300w, https://taniaarpa.com/wp-content/uploads/2023/12/Cloverleaf-eyelet-book-sleeve-768x576.jpeg 768w, https://taniaarpa.com/wp-content/uploads/2023/12/Cloverleaf-eyelet-book-sleeve.jpeg 1333w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>So here&#8217;s the plan. I wrote up a draft of the pattern from my notes.  This is Draft Verson 1. I&#8217;m going to make another one and taking photos of the progress. I&#8217;m thinking we&#8217;ll need photos of the following:</p>



<ul class="wp-block-list">
<li>Cast on</li>



<li>Where to put the stitch markers</li>



<li>Cast-off/seam</li>



<li>The book sleeve with a book inside.</li>
</ul>



<p>I also need to figure out the gauge, because (1) you&#8217;ll want to make sure your finished sleeve will fit your book and (2) it will let you make it with a different yarn if you can&#8217;t or don&#8217;t want to use the Premier Sweet Roll. It&#8217;s an acrylic yarn but if you prefer to use only natural fibers in your projects, you can use a wool yarn. This sleeve is meant to fit your book snugly so there&#8217;s a centimeter or so negative ease, which means the yarn needs to be stretchy, like wool or acrylic.</p>



<p>This is &#8220;Draft Version One&#8221; because it&#8217;s not finished. I have to double check the stitch and row counts (hence the need to make it again) and figure out the gauge. Once I have the final pattern, I&#8217;ll post it on another blog post. </p>



<p>(Pssst. You can subscribe to get updates when a new post is up.)</p>





<p>If you want to make this pattern, it would really help me if you post any questions you might have below in the comments section. It will let me know which parts of the pattern are unclear or wrong. </p>



<div class="wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-c385debf wp-block-group-is-layout-constrained" style="background-color:#c9fff4;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)">
<h2 class="wp-block-heading">Cloverleaf Eyelet Book Sleeve &#8211; Draft Version 1</h2>



<p>by Tania Arpa (all rights reserved)</p>



<p><em>You may not sell or reproduce this pattern (as-is or modified) anywhere. Feel free to sell any book sleeves you create using this pattern.</em></p>



<p>This is a booksleeve meant to fit a 5” x 8.5” paperback novella with a 0.3” to 0.4” thickness. It’s worked in the round, beginning at the opening. It’s cast off using the Kitchener stitch to seam the bottom. If you use yarn from a single ball or skein with no breaks, you will need to weave in only two ends.</p>



<h4 class="wp-block-heading">Techniques/Stitches used:</h4>



<ul class="wp-block-list">
<li>Cast-on in the round (I recommend the long-tail cast-on)</li>



<li>Knit stitches</li>



<li>Slip-slip-knit (SSK)</li>



<li>Yarn over increases</li>



<li>knit two, pass double decrease (SK2P)</li>



<li>Cloverleaf eyelet knit in the round</li>



<li>Kitchener stitch</li>
</ul>



<h4 class="wp-block-heading">Gauge: </h4>



<p>(Will figure it out after I finish blocking)<br></p>



<h4 class="wp-block-heading">Materials:</h4>



<ul class="wp-block-list">
<li>4.5 mm knitting needles, long dpns (at least 23 cm or 9 in.) or circular (80cm)</li>



<li><a href="https://www.premieryarns.com/products/psweetroll?variant=24360067398">Premier Sweet Roll</a> (medium/worsted/size 4)</li>



<li>Tapestry needle</li>



<li>Stitch markers</li>



<li>Small button (1.5cm diameter)</li>
</ul>



<h4 class="wp-block-heading">Cloverleaf eyelet pattern (in the round):</h4>



<ul class="wp-block-list">
<li>Even Rnds 2-12: Knit.</li>



<li>Rnd 1: Knit.</li>



<li>Rnd 3: [K4, yo, sk2p, yo, k1]. Repeat [] to end.</li>



<li>Rnd 5: [K5, yo, ssk, k1]. Repeat [] to end.</li>



<li>Rnd 7: Knit.</li>



<li>Rnd 9: *Yo, sk2p, yo, k5; rep from * to end.</li>



<li>Rnd 11: *K1, yo, ssk, k5; rep from * to end.</li>



<li>Rep Rnds 1-12 for pattern.</li>
</ul>



<h4 class="wp-block-heading">Directions:</h4>



<ul class="wp-block-list">
<li>Cast on 68 stitches. Place a marker for the beginning of the row, and another marker between the first 34 stitches and the last 34 stitches (middle stitch marker: MSM).</li>



<li>Rnd 1: K16, [yo, ssk] (this is your buttonhole), k16; move stitch marker to right needle; k17; place stitch marker (keep it here, don’t move it up the row— this is where you will sew your button); k17.</li>



<li>Rnd 2 to 36: Cloverleaf eyelet pattern, but put an additional k1 at (1) beginning of each row, (2) before the middle stitch marker (MSM), (3) after the MSM, and (4) after the end of the row.</li>



<li>Rnd 37: Knit.</li>



<li>Distribute stitches evenly between two DPNs or if you’re using circular needles, between the two needles, using the MSM as your guide.</li>



<li>Cut the yarn, leaving enough tail to seam the two edges with the Kitchener stitch, then seam.</li>



<li>Sew the button where you put the button marker.</li>



<li>Weave in edges. Block.</li>



<li>Always insert the book spine-first to ensure the edges of the cover and pages don’t bend. Fasten the button.</li>
</ul>



<p class="has-small-font-size"><em><strong>© Tania Arpa 2023, All Rights Reserved • <a href="https://taniaarpa.com" data-type="link" data-id="https://taniaarpa.com">taniaarpa.com</a></strong></em></p>
</div>



<p></p>
]]></content>
		
					<link href="https://taniaarpa.com/design/writing-a-tech-manual-for-a-knitting-pattern-cloverleaf-eyelet-book-sleeve/#comments" rel="replies" thr:count="0" type="text/html"/>
			<link href="https://taniaarpa.com/design/writing-a-tech-manual-for-a-knitting-pattern-cloverleaf-eyelet-book-sleeve/feed/atom/" rel="replies" thr:count="0" type="application/atom+xml"/>
			<thr:total>0</thr:total>
			</entry>
		<entry>
		<author>
			<name>Tania Arpa</name>
							<uri>https://taniaarpa.com</uri>
						</author>

		<title type="html"><![CDATA[How A Book Cover Happens: Better at Weddings Than You]]></title>
		<link href="https://taniaarpa.com/design/how-a-book-cover-happens-better-at-weddings-than-you/" rel="alternate" type="text/html"/>

		<id>https://codecandy.taniaarpa.com/?p=4568</id>
		<updated>2023-12-08T08:39:05Z</updated>
		<published>2020-09-05T02:52:40Z</published>
		<category scheme="https://taniaarpa.com" term="Book Design"/><category scheme="https://taniaarpa.com" term="Design"/><category scheme="https://taniaarpa.com" term="better at weddings than you"/><category scheme="https://taniaarpa.com" term="book cover design"/><category scheme="https://taniaarpa.com" term="book design"/><category scheme="https://taniaarpa.com" term="chi yu rodriguez"/><category scheme="https://taniaarpa.com" term="cover design"/><category scheme="https://taniaarpa.com" term="Katrice Kierulf"/><category scheme="https://taniaarpa.com" term="Migs Almendras"/><category scheme="https://taniaarpa.com" term="Mina V. Esguerra"/><category scheme="https://taniaarpa.com" term="romanceclass"/><category scheme="https://taniaarpa.com" term="romanceclasscovers"/>
		<summary type="html"><![CDATA[Fun fact: for years, I had always wanted to use this concept for a book cover. What I had in mind was a single figure of a woman with her back to the camera. Everything was in black and white, except for the woman's red dress. ]]></summary>

					<content type="html" xml:base="https://taniaarpa.com/design/how-a-book-cover-happens-better-at-weddings-than-you/"><![CDATA[
<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow">
<figure class="wp-block-image size-full is-style-default wp-duotone-duotone-2"><img decoding="async" width="188" height="300" src="https://taniaarpa.com/wp-content/uploads/2022/07/BAWTY.kindle.preview-188x300-1.jpg" alt="" class="wp-image-4668"/></figure>



<p style="font-size:12px"><em>Daphne Cardenas is the best wedding planner around, and everyone knows it. That&#8217;s why her friend Greg hired her as an emergency replacement one month before his wedding—because he fears his fiancée Helen is falling for the guy they first hired for the job.<br><br>Aaron Trinidad is new to the wedding industry but years of conference planning and loads of charm make him good at it. Really good at it. Planning the wedding of his friend Helen should be easy, and it is. To be unceremoniously fired isn&#8217;t good for his new career, but the chance to learn from the best might be the silver lining.<br><br>Aaron and Daphne have chemistry, but there’s history with Helen that at least one other person considers a threat. Who&#8217;s the planner who can fix this impending disaster?</em></p>



<hr class="wp-block-separator has-css-opacity is-style-dots"/>



<p class="has-drop-cap">Work on the cover for <a href="https://minavesguerra.com" target="_blank" rel="noreferrer noopener">Mina V. Esguerra</a>&#8216;s 2017 book <strong><em><a href="https://www.amazon.com/Better-Weddings-Than-Chic-Manila-ebook/dp/B06XKS8Y1T/ref=sr_1_1?dchild=1&amp;keywords=better+at+weddings+than+you&amp;qid=1599268235&amp;s=digital-text&amp;sr=1-1" target="_blank" rel="noreferrer noopener">Better at Weddings Than You</a></em></strong> started around March of that year. I had a few options for the cover photos featuring two different couples. Here&#8217;s the first batch of design studies I sent Mina:  </p>
</div>



<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow">
<div class="wp-block-jetpack-tiled-gallery aligncenter is-style-rectangular"><div class="tiled-gallery__gallery"><div class="tiled-gallery__row"><div class="tiled-gallery__col" style="flex-basis:66.77096%"><figure class="tiled-gallery__item"><img decoding="async" alt="" data-height="772" data-id="4682" data-link="https://taniaarpa.com/design/how-a-book-cover-happens-better-at-weddings-than-you/attachment/bawty-a-full_/" data-url="https://taniaarpa.com/wp-content/uploads/2020/09/BAWTY.a.full_-1.jpg" data-width="1000" src="https://i0.wp.com/taniaarpa.com/wp-content/uploads/2020/09/BAWTY.a.full_-1.jpg?ssl=1" data-amp-layout="responsive"/></figure></div><div class="tiled-gallery__col" style="flex-basis:33.22904%"><figure class="tiled-gallery__item"><img decoding="async" alt="" data-height="772" data-id="4683" data-link="https://taniaarpa.com/design/how-a-book-cover-happens-better-at-weddings-than-you/attachment/bawty-b-full_/" data-url="https://taniaarpa.com/wp-content/uploads/2020/09/BAWTY.b.full_-1.jpg" data-width="1000" src="https://i1.wp.com/taniaarpa.com/wp-content/uploads/2020/09/BAWTY.b.full_-1.jpg?ssl=1" data-amp-layout="responsive"/></figure><figure class="tiled-gallery__item"><img decoding="async" alt="" data-height="772" data-id="4684" data-link="https://taniaarpa.com/design/how-a-book-cover-happens-better-at-weddings-than-you/attachment/bawty-c-full_/" data-url="https://taniaarpa.com/wp-content/uploads/2020/09/BAWTY.c.full_-1.jpg" data-width="1000" src="https://i2.wp.com/taniaarpa.com/wp-content/uploads/2020/09/BAWTY.c.full_-1.jpg?ssl=1" data-amp-layout="responsive"/></figure></div></div></div></div>



<p>Design studies is a thing I do with every book cover project. After reading the manuscript, I then put together at least three (maybe more) designs and show them to the author. I try not to spend too much time with each one, leaving the fine-tuning and polishing for the final design the author picks. So cropping may be rough and text may not be aligned properly (see the back blurbs). What&#8217;s important is the author sees what you&#8217;re trying to do.</p>



<p>I picked these photos because the title is kinda cheeky, and I wanted the focus on the main character (MC) Daphne who needed to look confident as befits her title of &#8220;best wedding planner around&#8221;. Mina picked this study:</p>
</div>



<figure class="wp-block-image aligncenter size-full wp-duotone-duotone-2"><img decoding="async" width="1000" height="772" src="https://taniaarpa.com/wp-content/uploads/2020/09/BAWTY.b.full_-1.jpg" alt="" class="wp-image-4683" srcset="https://taniaarpa.com/wp-content/uploads/2020/09/BAWTY.b.full_-1.jpg 1000w, https://taniaarpa.com/wp-content/uploads/2020/09/BAWTY.b.full_-1-300x232.jpg 300w, https://taniaarpa.com/wp-content/uploads/2020/09/BAWTY.b.full_-1-768x593.jpg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>



<p>Fun fact: for years, I had always wanted to use this concept for a book cover. What I had in mind was a solitary figure of a woman with her back to the camera. Everything is in black and white, except for the woman&#8217;s red dress. However, for BAWTY, instead of turning the background black-and-white, I just desaturated the colors. Then I blurred everything around the couple. I had to — the background was too busy. And I needed to put the focus on Daphne.</p>



<figure class="wp-block-image aligncenter size-full wp-duotone-duotone-2"><img loading="lazy" decoding="async" width="533" height="800" src="https://taniaarpa.com/wp-content/uploads/2022/07/raw-photo.jpg" alt="" class="wp-image-4670" srcset="https://taniaarpa.com/wp-content/uploads/2022/07/raw-photo.jpg 533w, https://taniaarpa.com/wp-content/uploads/2022/07/raw-photo-200x300.jpg 200w" sizes="auto, (max-width: 533px) 100vw, 533px" /><figcaption>Models: <strong>Katrice Kierulf</strong> and <strong>Migs Almendras</strong><br>PHOTOGRAPHY: <strong>Chi Yu Rodriguez</strong> at <a href="https://www.instagram.com/romanceclasscovers/" target="_blank" rel="noreferrer noopener">#RomanceClassCovers</a></figcaption></figure>



<p>Mina wanted to change the dress color, so I made variations in pink, old rose, purple, fuchsia, and green. </p>



<div class="wp-block-jetpack-tiled-gallery aligncenter is-style-rectangular"><div class="tiled-gallery__gallery"><div class="tiled-gallery__row"><div class="tiled-gallery__col" style="flex-basis:33.26433%"><figure class="tiled-gallery__item"><img decoding="async" alt="" data-height="772" data-id="4679" data-link="https://taniaarpa.com/design/how-a-book-cover-happens-better-at-weddings-than-you/attachment/pink/" data-url="https://taniaarpa.com/wp-content/uploads/2020/09/pink-1.jpg" data-width="481" src="https://i1.wp.com/taniaarpa.com/wp-content/uploads/2020/09/pink-1.jpg?ssl=1" data-amp-layout="responsive"/></figure></div><div class="tiled-gallery__col" style="flex-basis:33.33333%"><figure class="tiled-gallery__item"><img decoding="async" alt="" data-height="772" data-id="4678" data-link="https://taniaarpa.com/design/how-a-book-cover-happens-better-at-weddings-than-you/attachment/oldrose/" data-url="https://taniaarpa.com/wp-content/uploads/2020/09/oldrose-1.jpg" data-width="482" src="https://i0.wp.com/taniaarpa.com/wp-content/uploads/2020/09/oldrose-1.jpg?ssl=1" data-amp-layout="responsive"/></figure></div><div class="tiled-gallery__col" style="flex-basis:33.40233%"><figure class="tiled-gallery__item"><img decoding="async" alt="" data-height="772" data-id="4680" data-link="https://taniaarpa.com/design/how-a-book-cover-happens-better-at-weddings-than-you/attachment/purple/" data-url="https://taniaarpa.com/wp-content/uploads/2020/09/purple-1.jpg" data-width="483" src="https://i2.wp.com/taniaarpa.com/wp-content/uploads/2020/09/purple-1.jpg?ssl=1" data-amp-layout="responsive"/></figure></div></div><div class="tiled-gallery__row"><div class="tiled-gallery__col" style="flex-basis:49.94816%"><figure class="tiled-gallery__item"><img decoding="async" alt="" data-height="772" data-id="4676" data-link="https://taniaarpa.com/design/how-a-book-cover-happens-better-at-weddings-than-you/attachment/fuschia/" data-url="https://taniaarpa.com/wp-content/uploads/2020/09/fuschia-1.jpg" data-width="481" src="https://i1.wp.com/taniaarpa.com/wp-content/uploads/2020/09/fuschia-1.jpg?ssl=1" data-amp-layout="responsive"/></figure></div><div class="tiled-gallery__col" style="flex-basis:50.05184%"><figure class="tiled-gallery__item"><img decoding="async" alt="" data-height="772" data-id="4677" data-link="https://taniaarpa.com/design/how-a-book-cover-happens-better-at-weddings-than-you/attachment/green/" data-url="https://taniaarpa.com/wp-content/uploads/2020/09/green-1.jpg" data-width="482" src="https://i2.wp.com/taniaarpa.com/wp-content/uploads/2020/09/green-1.jpg?ssl=1" data-amp-layout="responsive"/></figure></div></div></div></div>



<p>I also made one study with the dress in a sort of lavender/lilac shade, which was what we ended up using for the final design. There was a scene in the book where Daphne wore a blue dress, so blue made sense. But because Aaron&#8217;s jeans were already blue, so we settled for lavender. It also kinda went well with the author text color&#8230;</p>



<figure class="wp-block-image aligncenter size-full wp-duotone-duotone-2"><img loading="lazy" decoding="async" width="625" height="1000" src="https://taniaarpa.com/wp-content/uploads/2022/07/BAWTY.kindle.preview.jpg" alt="" class="wp-image-4671" srcset="https://taniaarpa.com/wp-content/uploads/2022/07/BAWTY.kindle.preview.jpg 625w, https://taniaarpa.com/wp-content/uploads/2022/07/BAWTY.kindle.preview-188x300.jpg 188w" sizes="auto, (max-width: 625px) 100vw, 625px" /></figure>



<p>&#8230; not to mention the back cover of the book. </p>



<figure class="wp-block-image aligncenter size-full wp-duotone-duotone-2"><img loading="lazy" decoding="async" width="482" height="772" src="https://taniaarpa.com/wp-content/uploads/2022/07/back.jpg" alt="" class="wp-image-4672" srcset="https://taniaarpa.com/wp-content/uploads/2022/07/back.jpg 482w, https://taniaarpa.com/wp-content/uploads/2022/07/back-187x300.jpg 187w" sizes="auto, (max-width: 482px) 100vw, 482px" /></figure>



<div class="tenor-gif-embed" data-postid="11354089" data-share-method="host" data-width="100%" data-aspect-ratio="1.8651685393258426"><a href="https://tenor.com/view/the-man-from-uncle-it-wont-match-henry-cavill-gif-11354089">The Man From UNCLE It Wont Match GIF</a> from <a href="https://tenor.com/search/themanfromuncle-gifs">Themanfromuncle GIFs</a></div><script type="text/javascript" async="" src="https://tenor.com/embed.js"></script>



<p>Okay, not an exact match but &#8230; you know. (Shut up, Henry.)</p>



<div style="width:100%;height:0;padding-bottom:38%;position:relative;"><iframe loading="lazy" src="https://giphy.com/embed/ubBCEIfGw2jWU" width="100%" height="100%" style="position:absolute" frameborder="0" class="giphy-embed" allowfullscreen=""></iframe></div>



<p><a href="https://giphy.com/gifs/the-man-from-uncle-ubBCEIfGw2jWU">via GIPHY</a></p>



<p>Did I just shamelessly use this discussion about colors to segue into my favorite scene in movie <strong><em>The Man from U.N.C.L.E.</em></strong> ? You betcha.</p>



<p>Now on to the back cover. I took the title text and sort of embedded it in the background. That way, there was more space for the blurb and everything else. Mina has written quite a few books already, so I always try to put in a couple of other titles in the back cover. I couldn&#8217;t use the title text in that same typeface on the spine because there wasn&#8217;t much room, so I just used the same typeface as the author name.</p>



<p>This is the final cover.</p>



<figure class="wp-block-image aligncenter size-full wp-duotone-duotone-2"><img loading="lazy" decoding="async" width="1000" height="772" src="https://taniaarpa.com/wp-content/uploads/2022/07/BAWTY.fullcover.preview.jpg" alt="" class="wp-image-4674" srcset="https://taniaarpa.com/wp-content/uploads/2022/07/BAWTY.fullcover.preview.jpg 1000w, https://taniaarpa.com/wp-content/uploads/2022/07/BAWTY.fullcover.preview-300x232.jpg 300w, https://taniaarpa.com/wp-content/uploads/2022/07/BAWTY.fullcover.preview-768x593.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></figure>



<p>This whole thing was prompted because the lovely book blogger/reviewer Nick posted a thread of books as donuts and I—</p>



<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
<blockquote class="twitter-tweet" data-width="500" data-dnt="true"><p lang="en" dir="ltr">better at weddings than you by <a href="https://twitter.com/minavesguerra?ref_src=twsrc%5Etfw">@minavesguerra</a> <a href="https://t.co/ltWIm5E8yY">pic.twitter.com/ltWIm5E8yY</a></p>&mdash; nick (@nickandherbooks) <a href="https://twitter.com/nickandherbooks/status/1301882169024040963?ref_src=twsrc%5Etfw">September 4, 2020</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div></figure>



<p>Yes I love donuts. Almost as much as I love books. Thank you, <a href="http://www.theinfinitelimitsoflove.com/" target="_blank" rel="noreferrer noopener">Nick</a>!</p>



<p>If you like Mina&#8217;s <strong><em><a href="https://www.amazon.com/Better-Weddings-Than-Chic-Manila-ebook/dp/B06XKS8Y1T/ref=sr_1_1?dchild=1&amp;keywords=better+at+weddings+than+you&amp;qid=1599268235&amp;s=digital-text&amp;sr=1-1" target="_blank" rel="noreferrer noopener">Better at Weddings Than You</a></em></strong>, I hope you enjoyed this blog post! If you&#8217;re an indie author who wants to know more about book cover design or an artist who wants to get into book cover design, I hope this gave you some insights. Also, a few of my cover designer friends and I recently did a panel discussion on this very thing, so you might want to check it out.</p>



<figure class="wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Maybe Judge a Book By Its Cover" width="500" height="281" src="https://www.youtube.com/embed/ktC9NWyQm4M?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>What are some of your favorite covers of Filipino romance books? Please drop them in a comment below!</p>
]]></content>
		
					<link href="https://taniaarpa.com/design/how-a-book-cover-happens-better-at-weddings-than-you/#comments" rel="replies" thr:count="0" type="text/html"/>
			<link href="https://taniaarpa.com/design/how-a-book-cover-happens-better-at-weddings-than-you/feed/atom/" rel="replies" thr:count="0" type="application/atom+xml"/>
			<thr:total>0</thr:total>
			</entry>
		<entry>
		<author>
			<name>Tania Arpa</name>
							<uri>https://taniaarpa.com</uri>
						</author>

		<title type="html"><![CDATA[VIDEO: Cropping Tutorial (Photoshop)]]></title>
		<link href="https://taniaarpa.com/design/video-cropping-tutorial-photoshop/" rel="alternate" type="text/html"/>

		<id>https://codecandy.taniaarpa.com/?p=4538</id>
		<updated>2024-01-05T17:17:54Z</updated>
		<published>2020-03-28T13:28:26Z</published>
		<category scheme="https://taniaarpa.com" term="Book Design"/><category scheme="https://taniaarpa.com" term="Design"/><category scheme="https://taniaarpa.com" term="Tutorial"/><category scheme="https://taniaarpa.com" term="design"/><category scheme="https://taniaarpa.com" term="photoshop"/><category scheme="https://taniaarpa.com" term="romance"/><category scheme="https://taniaarpa.com" term="tutorial"/><category scheme="https://taniaarpa.com" term="youtube"/>
		<summary type="html"><![CDATA[So, like so many of us, I've been stressed out by recent events. My productivity has gone down so much it's not even funny. So I decided to do something new instead of just staring at the laptop screen for hours. ]]></summary>

					<content type="html" xml:base="https://taniaarpa.com/design/video-cropping-tutorial-photoshop/"><![CDATA[
<p>It&#8217;s been a while, I know! I&#8217;m hoping to update this blog more regularly. If there&#8217;s a specific kind of design / web dev stuff you want from me, just drop it in the comments below.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%">
<p>So, like so many of us, I&#8217;ve been stressed out by recent events. My productivity has gone down so much it&#8217;s not even funny. So I decided to do something new instead of just staring at the laptop screen for hours. I turned on QuickTime&#8217;s screen recording feature, then did a crop of an image on Photoshop. This was one of the two images I used on the cover of a book I designed a few years ago— That Kind of Guy by Mina V. Esguerra.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%">
<a href="https://www.amazon.com/That-Kind-Chic-Manila-2017-ebook/dp/B06XHN3HWY/ref=as_li_ss_il?dchild=1&amp;keywords=that+kind+of+guy+mina+v+esguerra&amp;qid=1585390260&amp;sr=8-1&amp;linkCode=li3&amp;tag=awfulthings-20&amp;linkId=204c29e5b90298fece4536ca1a55a3e1&amp;language=en_US" target="_blank" rel="noopener noreferrer"><img decoding="async" border="0" src="//ws-na.amazon-adsystem.com/widgets/q?_encoding=UTF8&amp;ASIN=B06XHN3HWY&amp;Format=_SL250_&amp;ID=AsinImage&amp;MarketPlace=US&amp;ServiceVersion=20070822&amp;WS=1&amp;tag=awfulthings-20&amp;language=en_US"></a><img loading="lazy" decoding="async" src="https://ir-na.amazon-adsystem.com/e/ir?t=awfulthings-20&amp;language=en_US&amp;l=li3&amp;o=1&amp;a=B06XHN3HWY" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;">
</div>
</div>



<p>The editing wasn&#8217;t too complicated so I used iMovie. Then I recorded a voiceover on Adobe Audition, which I also used to master the audio. I put everything together on iMovie, then uploaded it to YouTube. </p>



<p>I actually had to convert the enormous 30+ GB .mov file into a smaller 2.3 GB .mp4 file, and the latter was the video I uploaded to YouTube. I mean, why upload a 30+ GB file when you can upload a 2.3GB one? The quality is pretty much the same I think.</p>



<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="How to crop people in photos - Photoshop Tutorial - book cover design" width="500" height="281" src="https://www.youtube.com/embed/Nk7yTy9XIA0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>I hope the video tutorial is useful. I&#8217;m thinking of doing another video, but this time a demo of how I put together a print book cover. What do you think? Drop your thoughts in the comments below.  </p>
]]></content>
		
					<link href="https://taniaarpa.com/design/video-cropping-tutorial-photoshop/#comments" rel="replies" thr:count="0" type="text/html"/>
			<link href="https://taniaarpa.com/design/video-cropping-tutorial-photoshop/feed/atom/" rel="replies" thr:count="0" type="application/atom+xml"/>
			<thr:total>0</thr:total>
			</entry>
		<entry>
		<author>
			<name>Tania Arpa</name>
							<uri>https://taniaarpa.com</uri>
						</author>

		<title type="html"><![CDATA[A Japanese bookshop in Hong Kong]]></title>
		<link href="https://taniaarpa.com/design/a-japanese-bookshop-in-hong-kong/" rel="alternate" type="text/html"/>

		<id>http://codecandy.taniaarpa.com/?p=4119</id>
		<updated>2024-01-05T17:34:59Z</updated>
		<published>2015-07-06T17:44:02Z</published>
		<category scheme="https://taniaarpa.com" term="Book Design"/><category scheme="https://taniaarpa.com" term="Design"/><category scheme="https://taniaarpa.com" term="books"/><category scheme="https://taniaarpa.com" term="design"/><category scheme="https://taniaarpa.com" term="Hong Kong"/><category scheme="https://taniaarpa.com" term="Japan"/><category scheme="https://taniaarpa.com" term="magazines"/><category scheme="https://taniaarpa.com" term="travel"/>
		<summary type="html"><![CDATA[On a recent trip to Hong Kong, my traveling companions and I found a lovely shop Japanese bookshop.  As a moderate consumer of Japanese TV shows, Japanese movies and the occasional j-rock band, I felt duty-bound to check it out.]]></summary>

					<content type="html" xml:base="https://taniaarpa.com/design/a-japanese-bookshop-in-hong-kong/"><![CDATA[
<p><span class="dropcap">O</span>n a recent trip to Hong Kong, my traveling companions and I found a lovely shop Japanese bookshop. When I say &#8220;found&#8221;, I mean that we were wandering about and stopped when we saw the sign.</p>



<figure class="wp-block-image aligncenter size-large wp-duotone-duotone-2"><img loading="lazy" decoding="async" width="1024" height="576" src="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.hong-kong-2015.code-candy-1-1024x576.jpg" alt="" class="wp-image-4947" srcset="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.hong-kong-2015.code-candy-1-1024x576.jpg 1024w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.hong-kong-2015.code-candy-1-300x169.jpg 300w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.hong-kong-2015.code-candy-1-768x432.jpg 768w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.hong-kong-2015.code-candy-1.jpg 1200w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">They had us at &#8220;Japanese Books &amp; Magazines&#8221;.</figcaption></figure>



<p>As a moderate consumer of Japanese TV shows, Japanese movies and the occasional j-rock band, I felt duty-bound to check it out. I didn&#8217;t speak Japanese so I didn&#8217;t own any Japanese books (except for a few manga titles in English), but I did collect magazines that featured, uh, boys of important cultural significance.</p>



<figure class="wp-block-embed is-type-rich is-provider-instagram wp-block-embed-instagram"><div class="wp-block-embed__wrapper">
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/3vVM7Gh6vZ/?utm_source=ig_embed&amp;utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:500px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/3vVM7Gh6vZ/?utm_source=ig_embed&amp;utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">View this post on Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/3vVM7Gh6vZ/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by Tania Arpa (@taniaarpa)</a></p></div></blockquote><script async src="//platform.instagram.com/en_US/embeds.js"></script>
</div></figure>



<p>&nbsp;<br>
It turns out they had a lot of Japanese language books. And I took a good long while browsing through them because book design in non-English languages was fascinating.</p>



<figure class="wp-block-image aligncenter size-large wp-duotone-unset-2"><img loading="lazy" decoding="async" width="768" height="1024" src="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-books.hong-kong-2015.code-candy-1-768x1024.jpg" alt="" class="wp-image-4937" srcset="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-books.hong-kong-2015.code-candy-1-768x1024.jpg 768w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-books.hong-kong-2015.code-candy-1-225x300.jpg 225w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-books.hong-kong-2015.code-candy-1.jpg 900w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>



<p>Look at the covers! I kinda want to design a book in a foreign language someday.</p>



<figure class="wp-block-image alignleft size-large wp-duotone-unset-3"><img loading="lazy" decoding="async" width="768" height="1024" src="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.books02.hong-kong-2015.code-candy-1-768x1024.jpg" alt="" class="wp-image-4938" srcset="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.books02.hong-kong-2015.code-candy-1-768x1024.jpg 768w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.books02.hong-kong-2015.code-candy-1-225x300.jpg 225w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.books02.hong-kong-2015.code-candy-1.jpg 900w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>



<figure class="wp-block-image alignleft size-large wp-duotone-unset-4"><img loading="lazy" decoding="async" width="768" height="1024" src="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Google-Analytics.hong-kong-2015.code-candy-1-768x1024.jpg" alt="" class="wp-image-4939" srcset="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Google-Analytics.hong-kong-2015.code-candy-1-768x1024.jpg 768w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Google-Analytics.hong-kong-2015.code-candy-1-225x300.jpg 225w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Google-Analytics.hong-kong-2015.code-candy-1.jpg 900w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>



<figure class="wp-block-image alignleft size-large wp-duotone-unset-5"><img loading="lazy" decoding="async" width="768" height="1024" src="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-book.hong-kong-2015.code-candy-1-768x1024.jpg" alt="" class="wp-image-4940" srcset="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-book.hong-kong-2015.code-candy-1-768x1024.jpg 768w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-book.hong-kong-2015.code-candy-1-225x300.jpg 225w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-book.hong-kong-2015.code-candy-1.jpg 900w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>



<p></p>



<p>Of course, book design for the inside pages in a language I don&#8217;t understand will be tricky. Someone teach me Japanese, please?</p>



<figure class="wp-block-image aligncenter size-large wp-duotone-unset-6"><img loading="lazy" decoding="async" width="768" height="1024" src="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-book.02.hong-kong-2015.code-candy-1-768x1024.jpg" alt="" class="wp-image-4941" srcset="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-book.02.hong-kong-2015.code-candy-1-768x1024.jpg 768w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-book.02.hong-kong-2015.code-candy-1-225x300.jpg 225w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-book.02.hong-kong-2015.code-candy-1.jpg 900w" sizes="auto, (max-width: 768px) 100vw, 768px" /><figcaption class="wp-element-caption">I&#8217;m not even sure if I&#8217;m holding this right-side-up.</figcaption></figure>



<p>Japanese characters are so pretty. But then maybe I just think that because I can&#8217;t read them.</p>



<figure class="wp-block-image aligncenter size-large wp-duotone-unset-7"><img loading="lazy" decoding="async" width="768" height="1024" src="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.books_.hong-kong-2015.code-candy-1-768x1024.jpg" alt="" class="wp-image-4942" srcset="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.books_.hong-kong-2015.code-candy-1-768x1024.jpg 768w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.books_.hong-kong-2015.code-candy-1-225x300.jpg 225w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.books_.hong-kong-2015.code-candy-1.jpg 900w" sizes="auto, (max-width: 768px) 100vw, 768px" /><figcaption class="wp-element-caption">This could be the BDSM section for all I know.</figcaption></figure>



<p>Alas, no music magazines featuring OOR.</p>



<figure class="wp-block-image aligncenter size-large wp-duotone-unset-8"><img loading="lazy" decoding="async" width="768" height="1024" src="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-magazines.01.hong-kong-2015.code-candy-1-768x1024.jpg" alt="" class="wp-image-4943" srcset="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-magazines.01.hong-kong-2015.code-candy-1-768x1024.jpg 768w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-magazines.01.hong-kong-2015.code-candy-1-225x300.jpg 225w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-magazines.01.hong-kong-2015.code-candy-1.jpg 900w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>



<figure class="wp-block-image alignleft size-large wp-duotone-unset-9"><img loading="lazy" decoding="async" width="768" height="1024" src="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-magazines.02.hong-kong-2015.code-candy-1-768x1024.jpg" alt="" class="wp-image-4944" srcset="https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-magazines.02.hong-kong-2015.code-candy-1-768x1024.jpg 768w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-magazines.02.hong-kong-2015.code-candy-1-225x300.jpg 225w, https://taniaarpa.com/wp-content/uploads/2015/07/Tomato.Japanese-magazines.02.hong-kong-2015.code-candy-1.jpg 900w" sizes="auto, (max-width: 768px) 100vw, 768px" /></figure>



<p>The staff at Tomato Books were very pleasant and helpful. When I go back to HK, I&#8217;m definitely visiting the shop again.</p>
]]></content>
		
					<link href="https://taniaarpa.com/design/a-japanese-bookshop-in-hong-kong/#comments" rel="replies" thr:count="0" type="text/html"/>
			<link href="https://taniaarpa.com/design/a-japanese-bookshop-in-hong-kong/feed/atom/" rel="replies" thr:count="0" type="application/atom+xml"/>
			<thr:total>0</thr:total>
			</entry>
		<entry>
		<author>
			<name>Tania Arpa</name>
							<uri>https://taniaarpa.com</uri>
						</author>

		<title type="html"><![CDATA[5 Signs Your Website is Outdated]]></title>
		<link href="https://taniaarpa.com/website-development/5-signs-your-business-website-is-outdated/" rel="alternate" type="text/html"/>

		<id>http://codecandy.taniaarpa.com/?p=4045</id>
		<updated>2015-05-07T07:09:00Z</updated>
		<published>2015-05-07T07:09:00Z</published>
		<category scheme="https://taniaarpa.com" term="Website Development"/><category scheme="https://taniaarpa.com" term="business"/><category scheme="https://taniaarpa.com" term="guide"/><category scheme="https://taniaarpa.com" term="search engine optimization"/><category scheme="https://taniaarpa.com" term="seo"/><category scheme="https://taniaarpa.com" term="web development"/><category scheme="https://taniaarpa.com" term="website design"/><category scheme="https://taniaarpa.com" term="websites"/>
		<summary type="html"><![CDATA[A business website is like your Facebook profile photo — you don't want it to make you look old. And unlike getting plastic surgery for yourself, no one will judge you for giving your website a facelift. I generally think people ought to do whatever they want to their faces so long as they hire professionals who know what they're doing. Come to think of it, I feel the same way about websites. I totally judge badly-built websites, and if you've read that SEO starter guide, you know Google will too.]]></summary>

					<content type="html" xml:base="https://taniaarpa.com/website-development/5-signs-your-business-website-is-outdated/"><![CDATA[
<p class="intro">2005 called, it wants its website design back.</p>



<ol class="wp-block-list"><li> <span style="color: rgb(35, 40, 45); font-size: 1.3em; font-weight: 600;">The Website Counter</span><br> <p>These little widgets are so adorably antiquated, they belong in a museum. If you have one on your blog or company website, go and get rid of it now. I mean it. Leave this blog this second and go to your website and get rid of that counter. Come back when you&#8217;re done, I&#8217;ll wait.</p> <p>First of all, people no longer need to know how many times your website has been visited in order to validate their decision to be there. That was a thing a long time ago, when websites were a curious novelty, and only very few people were online checking out what this &#8220;internet&#8221; or &#8220;world wide web&#8221; was all about. These days,no one is desperate to know a website&#8217;s number of hits; what they want is content. Second, hit counters are easily padded and faked. Third, they tell you, the person who owns the website, absolutely nothing relevant. It doesn&#8217;t tell you how many unique visitor you got that day and how many of them were new visitors and how many were returning visitors. It doesn&#8217;t tell you what your audience demographic is — are they mostly male or female? What percentage of your audience is the teenage demographic? Middle-age demographic? Are you reaching the audience or market you were aiming for? The website counter won&#8217;t give you answers to any of these questions. Get something like <a href="http://www.google.com/analytics/">Google analytics</a> for that. It&#8217;s free, and one of the most useful things you could ever add to your website.</p> </li><li> <span style="color: rgb(35, 40, 45); font-size: 1.3em; font-weight: 600;">No clear purpose or call to action</span><br> <p>Ten years ago, companies were putting up websites because they felt they should. They were right! But having a website that serves no useful purpose than telling everyone &#8220;Hey, look, Company X has a website!&#8221; is no longer acceptable these days, with every company and their cat with an online presence, a Twitter account and three Facebook pages. Just like your company, your website should have a real reason for existing. It should move people to <s>do your bidding</s> action, make them buy your products, sign up for special offers, read more of your great content. </p> </li><li> <span style="color: rgb(35, 40, 45); font-size: 1.3em; font-weight: 600;">No integration with your social media accounts or social media sharing tools</span><br> <p>Everything is social now — apps, websites, cats. If you have a Pinterest page or a Twitter account and they&#8217;re not visibly promoted on your website, you&#8217;re losing a great opportunity to connect with your customers. Think about it. Everyone buys stuff. Stuff a person buys is made by hundreds of different companies. That person can&#8217;t possibly remember to visit the website of each of these companies. Your customer won&#8217;t remember to drop by your awesome knitting supply webstore unless you remind them to. That means convincing them to follow you on Twitter, Facebook, Instagram. Where they will see your post about the new cat sweater knitting patterns which — guess what — they can buy on your website, and oh look, here&#8217;s the link. It&#8217;s also great if you could add handy buttons which will let your website visitor share your articles and pages to their own social media accounts.</p> </li><li> <span style="color: rgb(35, 40, 45); font-size: 1.3em; font-weight: 600;">It looks awful or unreadable or takes too long to load on a mobile phone</span><br> <p><a href="http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics/">More than 50% of website visits are done through a mobile device.</a> That means, on average, how your website looks on a mobile phone or a tablet is how most of your visitors see your website. Most websites, unless optimized for mobile devices, will not look good on a small screen. The text will be too small to read, and the overall user experience will not be ideal. While load time on a desktop or laptop computer will be fine, a non-mobile-optimized website will take too long to load on a smartphone. All these problems will make you lose potential customers. There are two solutions to this: (1) make a mobile-friendly version of your site kick in if it&#8217;s viewed on a mobile device, and (2) use a responsive design for your website. However, I strongly believe <a href="http://codecandy.taniaarpa.com/design/web-design-responsive-design-for-websites-is-it-for-you/">responsive website design is currently the best means of making your site usable for your viewers</a>.</p> </li><li> <span style="color: rgb(35, 40, 45); font-size: 1.3em; font-weight: 600;">It&#8217;s not search engine-optimized</span><br> <p>When people look for stuff online, almost half the time they begin by doing a search on a search engine, such as Google. You want search engines and their crawlerbots (the programs that go through the internet compiling website and webpage addresses) to think you&#8217;re awesome so they&#8217;ll put you high up on the list of search results for words that are relevant to your website (&#8220;keywords&#8221;). For example, if you do a Google search for &#8220;kittens of the apocalypse&#8221;, you&#8217;ll get a bunch of articles and podcasts with titles that are various permutations of the phrase &#8220;kittens of the apocalypse&#8221;. So if your website is about &#8220;kittens&#8221; and the &#8220;apocalypse&#8221;, you&#8217;ll want your website optimized to appear on that Google search result. A great many factors affect how high up that list your website will be found, but one of them is your website&#8217;s search engine optimization, a.k.a. &#8220;SEO&#8221;, a.k.a. &#8220;How much does Google like you?&#8221;</p> <p>Trust me, you want Google to like you. If Google likes you, it will put you on the first page of search results (of the keyword relevant to your business or website of course). If Google really, really likes you, it will put your website on the very top of that page. You want to be on top of that page, because it means that people looking to buy kitten sweater knitting patterns or adamantium shuriken will easily find your website selling kitten sweater knitting patterns or indestructible sharp throwing things, respectively. More people finding you on Google means more visitors to the party. (By &#8220;the party&#8221; I mean &#8220;your website&#8221;. Unless your website is about a party you want to invite people to, in which case I mean &#8220;both&#8221;.)</p> <p>I&#8217;ll be blogging about SEO here soon, but in the meantime, check out <a href="http://static.googleusercontent.com/media/www.google.com.ph/en/ph/webmasters/docs/search-engine-optimization-starter-guide.pdf">Google&#8217;s SEO Starter Guide</a>. </p></li></ol>



<p>A business website is like your Facebook profile photo — you don&#8217;t want it to make you look old. And unlike getting plastic surgery for yourself, no one will judge you for giving your website a facelift. I generally think people ought to do whatever they want to their faces so long as they hire professionals who know what they&#8217;re doing. Come to think of it, I feel the same way about websites. I totally judge badly-built websites, and if you&#8217;ve read that SEO starter guide, you know Google will too.</p>
]]></content>
		
					<link href="https://taniaarpa.com/website-development/5-signs-your-business-website-is-outdated/#comments" rel="replies" thr:count="0" type="text/html"/>
			<link href="https://taniaarpa.com/website-development/5-signs-your-business-website-is-outdated/feed/atom/" rel="replies" thr:count="0" type="application/atom+xml"/>
			<thr:total>0</thr:total>
			</entry>
		<entry>
		<author>
			<name>Tania Arpa</name>
							<uri>https://taniaarpa.com</uri>
						</author>

		<title type="html"><![CDATA[Where I write a ridiculously long post explaining why your company or blog needs a Mailing List]]></title>
		<link href="https://taniaarpa.com/marketing/mailing-list-101-basics-marketing/" rel="alternate" type="text/html"/>

		<id>http://codecandy.taniaarpa.com/?p=3998</id>
		<updated>2015-04-17T06:13:37Z</updated>
		<published>2015-04-17T06:13:37Z</published>
		<category scheme="https://taniaarpa.com" term="Marketing"/><category scheme="https://taniaarpa.com" term="companies"/><category scheme="https://taniaarpa.com" term="mailchimp"/><category scheme="https://taniaarpa.com" term="mailing list"/><category scheme="https://taniaarpa.com" term="marketing"/><category scheme="https://taniaarpa.com" term="social media"/><category scheme="https://taniaarpa.com" term="strategy"/><category scheme="https://taniaarpa.com" term="twitter"/><category scheme="https://taniaarpa.com" term="yahoo groups"/>
		<summary type="html"><![CDATA[Mailing lists continue to be an effective marketing tool for companies and websites.  Yes, marketing on social media sites are quite popular (and I recommend you do that too), your reach is entirely dependent on their terms. For instance, <a href="http://facebook.com">Facebook</a> alone decides whether or not a person sees your company page updates on their feed. So even if you have tens of thousands of likes on your page, only a fraction of them will actually see your posts. It didn't use to be that way, but when Facebook decided that was how they were going to do things, there was nothing their users could do about it. And what happens when a social media site goes out of business? Remember Friendster?]]></summary>

					<content type="html" xml:base="https://taniaarpa.com/marketing/mailing-list-101-basics-marketing/"><![CDATA[<p><span class="dropcap">E</span>veryone has email. Well, everyone who&#8217;s online or who uses a smartphone, at least. You need it to sign up for social media sites like Facebook, Twitter and Instagram. If the Internet were a human body, email would be its veins and arteries.</p>
<p>This is why mailing lists continue to be an effective marketing tool for companies and websites. Yes, marketing on social media sites are quite popular (and I recommend you do that too), your reach is entirely dependent on their terms. For instance, <a href="http://facebook.com">Facebook</a> alone decides whether or not a person sees your company page updates on their feed. So even if you have tens of thousands of likes on your page, only a fraction of them will actually see your posts. It didn&#8217;t use to be that way, but when Facebook decided that was how they were going to do things, there was nothing their users could do about it. And what happens when a social media site goes out of business? Remember Friendster?</p>
<p>And let&#8217;s not forget, even the most popular social media sites like Facebook and Twitter rely on mailing list updates to keep their users coming back to their sites. (You know those emails Facebook and Twitter keep sending you? Yeah, I&#8217;m talking about that.)</p>
<p><figure id="attachment_4022" aria-describedby="caption-attachment-4022" style="width: 465px" class="wp-caption aligncenter"><a href="http://codecandy.taniaarpa.com/wp-content/uploads/2015/04/stephenfry.png"><img loading="lazy" decoding="async" src="http://codecandy.taniaarpa.com/wp-content/uploads/2015/04/stephenfry.png" alt="DM from @stephenfry" width="465" height="268" class="size-full wp-image-4022" /></a><figcaption id="caption-attachment-4022" class="wp-caption-text">When you sign up,  Twitter may email you notifications. For example, here&#8217;s one for a DM I got. (Yes, I had to brag.)</figcaption></figure></p>
<h3>What is a mailing list?</h3>
<p>Simply put, a mailing list is a list of subscribers&#8217; email addresses. Whenever you want to promote a product, service, event or news, you simply write a nice email and send it off to all those email addresses. I say &#8220;subscribers&#8221; and not &#8220;random people whose email addresses you picked up from various sites online&#8221; because it means they signed up to receive emails from you or your company. They know they will be getting emails from you on specific topics. This is what separates your mailing list emails from spam.</p>
<h3>Your Tools</h3>
<p>While you can definitely run your mailing list off your email account, I recommend that you use a mailing list service. For a good many reasons:</p>
<ul>
<li>It will provide pages and forms that make it easy for your customers (or blog readers) to subscribe and unsubscribe to the list.<br />
<br />
<figure id="attachment_4024" aria-describedby="caption-attachment-4024" style="width: 409px" class="wp-caption alignnone"><img loading="lazy" decoding="async" src="http://codecandy.taniaarpa.com/wp-content/uploads/2015/04/signup.mailchimp.jpg" alt="A Mailchimp sign-up form." width="409" height="350" class="size-full wp-image-4024" /><figcaption id="caption-attachment-4024" class="wp-caption-text">A Mailchimp sign-up form. (from <a href="http://bronzeage.ph">bronzeage.ph</a>)</figcaption></figure></p>
<li>It makes it easier for you to manage your mailing list when it&#8217;s grown to more than twenty subscribers.
<li>Most mailing list services have ready-to-use templates so even if you have zero layout/design skills, you can send still send out your emails in style.
<li>Most services have analytics — a way of tracking user statistics, like how many of your subscribers actually read your emails and how many click on the links in those emails. You can use them to test how effective your emails are.
</ul>
<p>My go-to mailing list service is <a href="http://mailchimp.com">MailChimp</a>, which gives you access to basic features for free, but there are others out there, and a lot of them are free. For instance, you can set up a group on <a href="http://groups.yahoo.com">Yahoo Groups</a> as a mailing list — make it so only you are able to email the group. If your blog runs on WordPress, the <a href="https://wordpress.org/plugins/jetpack/">Jetpack plugin</a> has a Subscription feature which lets your readers subscribe to get updates on new content on your site.</p>
<p>What else do you need? Well, it helps to have a great intro to or spiel for your invitation to subscribe. This must include</p>
<ul>
<li> a clear idea of what subscribers are signing up for, whether it be updates on new products, notification of new content, a free product, or whatever it is you are offering via email. Be sure to stay within the boundaries of what you&#8217;re offering. This means you don&#8217;t say your mailing list is for blog updates, and then send your subscribers an email selling them a house.
<li> the declaration that you won&#8217;t sell or give away subscribers&#8217; information. This is a promise you must definitely uphold. No one wants spam, and when someone gives their email address to a company or website, they want to know that it won&#8217;t end up in a spammer&#8217;s list.
</ul>
<h3>How to get people to sign up</h3>
<p>Of course, some people may need to be convinced to sign up to your mailing list. If your great product or awesome blog content isn&#8217;t enough you could offer something else:</p>
<ul>
<li> A free product, one related to your company&#8217;s product or your website&#8217;s topic. A popular freebie used by blogs is ebooks, usually written by the same person writing for the blog. For example, if you run a cooking blog, you could put together a bunch of your unpublished recipes in a PDF file and offer that to your subscribers. You could also offer a physical prize, and give subscribers a chance to win it.<br />
<br />
<figure id="attachment_4027" aria-describedby="caption-attachment-4027" style="width: 449px" class="wp-caption alignnone"><a href="http://codecandy.taniaarpa.com/wp-content/uploads/2015/04/signup-popup.jpg"><img loading="lazy" decoding="async" src="http://codecandy.taniaarpa.com/wp-content/uploads/2015/04/signup-popup.jpg" alt="An example of a website inviting its reader to sign up for the mailing list and getting a freebie in return." width="449" height="276" class="size-full wp-image-4027" /></a><figcaption id="caption-attachment-4027" class="wp-caption-text">An example of a website inviting its reader to sign up for the mailing list and getting a freebie in return. (from <a href="http://www.getrealaboutbusiness.com/">Get Real About Business</a>)</figcaption></figure></p>
<li>First peek at an offering. If you are about to release a new product, offer your subscribers the opportunity to get an advance look at this product. Book authors can give their mailing list subscribers the first three or five chapters free.
<li>Invitation to a party or a web seminar or a live video chat. The party could be an event you&#8217;ve already set up. With free services like Google Hangouts and Skype, web seminar and live video chat are activities that may not cost you anything at all, except for an hour of your time. And they will give you a chance to connect to your customers or readers.
</ul>
<h3>Rock your mailing list</h3>
<p>It&#8217;s important to remember that while the offer of free stuff will get people to sign up to your mailing list, great content is what will keep them on that list, eagerly awaiting new updates.</p>
<ul>
<li>Stay relevant. Don&#8217;t do a bait-and-switch by promising updates on a certain topic and then sending them emails on unrelated topics.
<li>Don&#8217;t try to sell your subscriber products that have nothing to do with what they signed up for.
<li>Be topical! Is Valentine&#8217;s Day coming up in a couple of weeks? If you have a romance or v-day-related product, service or blog post, why tell your subscribers about it? Mark out special days/seasons in the calendar and plan your updates around them: Christmas, summer, first day of school, Women&#8217;s Month, etc.
</ul>
<p>You can run a mailing list without spending a cent, but it could be the one thing that enables you to market your products or your blog effectively. Take advantage of the wealth of free resources online, learn as you go, and grow your captive audience. Why not start today?</p>
]]></content>
		
					<link href="https://taniaarpa.com/marketing/mailing-list-101-basics-marketing/#comments" rel="replies" thr:count="0" type="text/html"/>
			<link href="https://taniaarpa.com/marketing/mailing-list-101-basics-marketing/feed/atom/" rel="replies" thr:count="0" type="application/atom+xml"/>
			<thr:total>0</thr:total>
			</entry>
		<entry>
		<author>
			<name>Tania Arpa</name>
							<uri>https://taniaarpa.com</uri>
						</author>

		<title type="html"><![CDATA[Book Design: Playing Autumn by Mina V. Esguerra]]></title>
		<link href="https://taniaarpa.com/design/playing-autumn/" rel="alternate" type="text/html"/>

		<id>http://codecandy.taniaarpa.com/?p=7</id>
		<updated>2024-11-13T23:26:33Z</updated>
		<published>2015-03-22T20:16:44Z</published>
		<category scheme="https://taniaarpa.com" term="Book Design"/><category scheme="https://taniaarpa.com" term="Design"/><category scheme="https://taniaarpa.com" term="Marketing"/><category scheme="https://taniaarpa.com" term="books"/><category scheme="https://taniaarpa.com" term="cover design"/><category scheme="https://taniaarpa.com" term="Mina V. Esguerra"/><category scheme="https://taniaarpa.com" term="photoshop"/><category scheme="https://taniaarpa.com" term="Playing Autumn"/>
		<summary type="html"><![CDATA[I've actually done a cover for this story before. It was for the original, novella-length version of Playing Autumn, which was included in a limited-run romance anthology, and published as a limited-run print edition.

The new version is a novel, and the romance is a bit steamier. So Mina asked me to do a "spicier" cover.]]></summary>

					<content type="html" xml:base="https://taniaarpa.com/design/playing-autumn/"><![CDATA[
<p><span class="dropcap">I</span>&#8216;ve actually done a cover for this story before. It was for the original, novella-length version of Playing Autumn, which was included in a limited-run romance anthology, and published as a limited-run print edition.</p>



<figure class="wp-block-image aligncenter wp-duotone-duotone-2"><a href="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/Playing-Autumn.novella.3d.jpg"><img decoding="async" src="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/Playing-Autumn.novella.3d-300x269.jpg" alt="Playing Autumn novella" class="wp-image-3873"/></a></figure>



<p></p>



<p>The new version is a novel — it&#8217;s longer and the romance is a bit steamier. So Mina asked me to do another cover that was — in her words — &#8220;spicier&#8221;. </p>



<span id="more-7"></span>



<p>What do you think?</p>



<figure class="wp-block-image aligncenter wp-duotone-duotone-2"><a href="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/Playing-Autumn.novel_.v2.jpg"><img decoding="async" src="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/Playing-Autumn.novel_.v2-1024x683.jpg" alt="Playing Autumn novel" class="wp-image-3877"/></a></figure>



<p></p>



<h3 class="wp-block-heading">Photo</h3>



<p>We chose a photo that had the couple in a more intimate pose. Because, steamier yo. It&#8217;s like no one&#8217;s naked, but you know they&#8217;re thinking about it. Getting naked, I mean. (Either that or cake. Because that&#8217;s totally my expression when I&#8217;m thinking of cake.)</p>



<h3 class="wp-block-heading">Colors</h3>



<p>I changed the color palette, but as with the old one, the new palette features warm colors. While the old cover has a lot of orange, the new cover has orange and yellow. The story takes place in the fall, after all. I wanted to play up the story&#8217;s fangirl-fantasy-come-true aspect, so I made the title text with color gradients, and made it slightly transparent.</p>



<p>I didn&#8217;t want Haley&#8217;s hair to clash with the orange in the title text and the orange in her dress, so I colored it a darker red — like a sort of muted wine color. In the original stock photo, the female model is a blonde.</p>



<figure class="wp-block-image alignleft wp-duotone-duotone-2"><a href="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/stocksy.jpg"><img decoding="async" src="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/stocksy-200x300.jpg" alt="Playing Autumn novel cover (stock photo)" class="wp-image-3879"/></a></figure>



<figure class="wp-block-image alignleft wp-duotone-duotone-2"><a href="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/Playing-Autumn.v2.front_.jpg"><img decoding="async" src="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/Playing-Autumn.v2.front_-188x300.jpg" alt="Playing Autumn novel (front)" class="wp-image-3880"/></a></figure>



<p><br><br clear="all"><br>Finally, Mina thought the models looked too sun-kissed for our purposes, so I cooled down the color tones.</p>



<p>&nbsp;</p>



<h3 class="wp-block-heading">Final touches</h3>



<p>Oliver was a pop-rock star. But it was difficult to find a photo of a rock star-looking dude who was the right age and didn&#8217;t sport facial hair. So I had to give the male model in the stock photo a shave. Sorry, dude!</p>



<p>(Fortunately,he had nice hair and the perfect plain white rock star shirt.)</p>



<p><em>Check out <a href="http://www.amazon.com/Playing-Autumn-Spotlight-Adult-Book-ebook/dp/B00UOI69FS/" target="_blank" rel="noopener">Playing Autumn</a> on Amazon.</em></p>


<p>[red_box]Haley Reese is going back home to Houston and she&#8217;s dreading this trip. She volunteers as a mentor to young musicians at an annual festival, and the longer she&#8217;s been doing it, the more she feels like a fraud. It&#8217;s been years since the web videos that made her sort-of famous first came out, and she hasn&#8217;t done anything else to pursue the career in music she&#8217;s always wanted. Things start looking up when she shares a plane ride with Oliver Cabrera, music prodigy, rock star, and the reason why she picked up an instrument in the first place.</p>
<p>Oliver Cabrera hasn&#8217;t called any place &#8220;home&#8221; since he started touring professionally in his teens, but Houston is as close to it as any. He&#8217;s also nearly broke, his career just about over. When he gets the invitation to mentor at the Breathe Music Festival again, he decides, what the hell, he should finally show up. He meets Haley, Hot Piano Girl herself, and finds her fear of failure might be easier to fix than his own. [/red_box]</p>
]]></content>
		
					<link href="https://taniaarpa.com/design/playing-autumn/#comments" rel="replies" thr:count="0" type="text/html"/>
			<link href="https://taniaarpa.com/design/playing-autumn/feed/atom/" rel="replies" thr:count="0" type="application/atom+xml"/>
			<thr:total>0</thr:total>
			</entry>
		<entry>
		<author>
			<name>Tania Arpa</name>
							<uri>https://taniaarpa.com</uri>
						</author>

		<title type="html"><![CDATA[Web design: Responsive design for websites — is it for you?]]></title>
		<link href="https://taniaarpa.com/design/web-design-responsive-design-for-websites-is-it-for-you/" rel="alternate" type="text/html"/>

		<id>http://codecandy.taniaarpa.com/?p=1</id>
		<updated>2015-03-22T19:46:59Z</updated>
		<published>2015-03-22T19:46:59Z</published>
		<category scheme="https://taniaarpa.com" term="Design"/><category scheme="https://taniaarpa.com" term="Website Design"/><category scheme="https://taniaarpa.com" term="Website Development"/><category scheme="https://taniaarpa.com" term="responsive"/><category scheme="https://taniaarpa.com" term="web development"/><category scheme="https://taniaarpa.com" term="wordpress"/><category scheme="https://taniaarpa.com" term="wordpress theme"/>
		<summary type="html"><![CDATA[Too many websites these days (including a couple of mine!) are stuck in the days before mobile devices became a thing. And by "became a thing", I mean it became a popular choice of machine to view websites on.]]></summary>

					<content type="html" xml:base="https://taniaarpa.com/design/web-design-responsive-design-for-websites-is-it-for-you/"><![CDATA[<p><span class="dropcap">W</span>hat does your website look like on a phone?</p>
<p>Too many websites these days (including a couple of mine!) are stuck in the days before mobile devices became a thing. And by &#8220;became a thing&#8221;, I mean it became a popular choice of machine to view websites on.</p>
<p><figure id="attachment_3895" aria-describedby="caption-attachment-3895" style="width: 450px" class="wp-caption aligncenter"><a href="http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics/"><img loading="lazy" decoding="async" src="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/Mobile-stats-vs-desktop-users-global.png" alt="Mobile vs desktop - stats -global" width="450" height="331" class="size-full wp-image-3895" /></a><figcaption id="caption-attachment-3895" class="wp-caption-text">(from <a href="http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics/">Smart Insights</a>)</figcaption></figure></p>
<p>When mobile devices growing in popularity, it used to be that websites adapted by having a separate design for mobile devices — it kicked in when the site detected that it was being viewed on a phone or a tablet. Others had mobile versions of the site — probably not a different set of files, but the URL of each page of the mobile version was different from that of the desktop version. Basically, the page redirects to the mobile version when it detects a non-desktop browser. Which has always annoyed me, because these sites don&#8217;t seem to work both ways. Often, when you view a mobile page while you&#8217;re on your computer, the page doesn&#8217;t redirect automatically to the desktop version. And while some of these web pages do have a button or link that goes to the desktop version, it&#8217;s to the desktop version of the homepage and not the desktop version of that particular page.</p>
<p><a href="https://wordpress.org/plugins/jetpack/">Jetpack</a>, one of my favorite WordPress plugins, has a feature that, when turned on, automatically gives your website a mobile version.  Which is nice and all, but the mobile site you get is generic and stripped of all the colors and fonts that make your desktop site pretty. Furthermore, the homepage displays only your recent posts.  This is fine if your website is a blog or a news site, but what if you don&#8217;t actually have any posts? What if all your content is in pages? That means nothing shows up on the front page, and the viewer has to click on the drop-down menu to see what pages are available to view.</p>
<p>This is why responsive design for websites is so cool. It basically removes the divide between mobile and desktop: your website when viewed on a laptop is the same website when viewed on your phone, only they look slightly different.</p>
<p>For example, here&#8217;s my website (not this one, <a href="http://taniaarpa.com">the other one</a>) as viewed on my Macbook browser:</p>
<p><a href="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/macbook-taniaarpa.com_.01.png"><img loading="lazy" decoding="async" src="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/macbook-taniaarpa.com_.01.png" alt="TaniaArpa.com on the Macbook (responsive design)" width="500" height="262" class="aligncenter size-full wp-image-3906" /></a></p>
<p>This is how it looks like on my phone</p>
<p><a href="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/taniaarpa.com-mobile.03.png"><img loading="lazy" decoding="async" src="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/taniaarpa.com-mobile.03.png" alt="TaniaArpa.com on mobile (responsive design)" width="480" height="1261" class="aligncenter size-full wp-image-3910" /></a></p>
<p>See? That&#8217;s the exact same website, viewed on different machines. The circle buttons are laid out horizontally on the desktop version, and vertically on mobile.</p>
<p>The menu is also displayed differently. Here&#8217;s how it looks on a desktop browser (I use Chrome, by the way):</p>
<p><a href="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/macbook-taniaarpa.com_.02.png"><img loading="lazy" decoding="async" src="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/macbook-taniaarpa.com_.02.png" alt="TaniaArpa.com on the Macbook (responsive design)" width="500" height="262" class="aligncenter size-full wp-image-3905" /></a></p>
<p>On mobile, the menu becomes drop-down:</p>
<p><a href="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/taniaarpa.com-mobile.02.png"><img loading="lazy" decoding="async" src="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/taniaarpa.com-mobile.02-187x300.png" alt="TaniaArpa.com on mobile (responsive design)" width="187" height="300" class="alignleft size-medium wp-image-3914" /></a> <a href="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/taniaarpa.com-mobile.01.png"><img loading="lazy" decoding="async" src="http://codecandy.taniaarpa.com/wp-content/uploads/2015/03/taniaarpa.com-mobile.01-188x300.png" alt="TaniaArpa.com on mobile (responsive design)" width="188" height="300" class="alignleft size-medium wp-image-3915" /></a></p>
<p><br clear="all"></p>
<p>Nifty, right? The theme is <a href="http://minimable.fedeweb.net/demo/">Minimable</a> by <a href="http://www.fedeweb.net/">Fedeweb</a>.</p>
<p>(And in case you&#8217;re wondering, this blog is also using responsive design. If you&#8217;re viewing this on your computer, try checking it out on mobile. And vice versa.)</p>
<p>[green_box]&#8221;Design is not just what it looks like and feels like. Design is how it works.&#8221;<br />
—Steve Jobs[/green_box]</p>
<p>Having a responsive design saves you having to make separate desktop and mobile designs for your website. And there&#8217;s only one URL for each page, no matter where you view it — this matters because when someone clicks on a link to your site that&#8217;s been shared on, say, Twitter, and they&#8217;re on a computer, they will see your website in its full widescreen glory, even if the person who shared that link did so on a mobile device. And most important of all, your website will not drive me nuts.</p>
<p>You can find wonderful responsive WordPress templates online — and lots of them are free. Now if you&#8217;ll excuse me, I need to take my own advice and go and change some of my websites&#8217; themes.</p>
]]></content>
		
					<link href="https://taniaarpa.com/design/web-design-responsive-design-for-websites-is-it-for-you/#comments" rel="replies" thr:count="0" type="text/html"/>
			<link href="https://taniaarpa.com/design/web-design-responsive-design-for-websites-is-it-for-you/feed/atom/" rel="replies" thr:count="0" type="application/atom+xml"/>
			<thr:total>0</thr:total>
			</entry>
	</feed>