Mulled Wine or Cider

For drink the gentleman had only wine, often diluted with water and mixed with honey, ginger, and cinnamon to sweeten it. Water alone was regarded with justified suspicion. There were no hot drinks except mulled wine at festivities. ~ The Middle Ages by Bishop

Mulled wine, popularized in the Middle Ages, is an ancient drink dating back to the time of Hippocrates who used it as medicine. The more familiar cider is a similar but non alchoholic hot beverage made using the juice of apples (unless you use hard cider).

You can mull it over, but no matter whether you decide to warm yourself with wine or with juice both are made in a similar fashion.

First, you will need some sort of sweetener such as sugar, honey, or even dried fruit like raisins. Captured between the tartness of the drink and sweetness of your sugar is the depth and character of the spices. Their scent wafts to your nose with the steam from the hot drink and you feel warm before even the first sip. There are many spices that you can choose for mulling and there really is no need to follow a recipe ~ cloves, cinnamon, nutmeg, ginger, mace, and allspice are all likely candidates. Often a bit of citrus in the form of a cloved orange, sliced oranges or lemons or their zest are added for brightness.

Go ahead and pull out the crockpot and mix up a batch of holiday cheer! If you feel like you absolutely need a recipe here is a version from Joy of Cooking which uses a mulled syrup rather than adding the spices directly into the wine:

Mulled Wine

Make a syrup by boiling for 5 minutes:

2 1/2 c. of sugar1 1/4 cups of water4 dozen whole cloves6 sticks cinnamon3 crushed NutmegsPeel of 3 lemons and 2 oranges

Strain the syrup and add to it:

4 cups hot lemon or lime juice

Heat well but do not boil. Add 4 bottles of red wine or Madeira, port or sherry. Serve very hot with slices of lemon or pineapple.

I Do Custom Graphics

Are you looking for custom graphics that express your unique brand?

Are you in need of a few graphic icons to use on your website so that it doesn't look like you just opened it from a can? Have a cute idea for a product for your Etsy shop that you don't have the time or design skills for? Or maybe you just finished a cool app, but it doesn't have any style.

I can help...

As a matter of fact, here are some quick custom graphics that I did just this afternoon for an app!

I'm happy to talk with you about your graphic needs - just send me an email!

How To Remove One Pixel Transparent Borders

So, you've finally mastered creating repeat patterns in Adobe Illustrator and you have this really cute pattern that you want to use as your website background. You save it for web, upload the graphic into your WordPress media folder, and excitedly refresh your page. It's awesome! Wait - what!? Why can you see the repeats? Where is that border coming from around your image - it worked perfectly in Illustrator?!

Read on to find out how to fix your pattern repeats on your website...

It's really helpful if you are an illustrator, graphic designer or surface pattern designer of any kind to have at least basic web design skills. Mine are just that - basic. I rely heavily on Google, Wordpress Forums, w3school and classes on Lynda.com. (It is also helpful to be married to a software developer, although I am trying to do as much as I can on my own.)  When I set up this website I wanted to be able to showcase my repeat patterns as background images and in my header.

But I kept running into a problem - when I uploaded my images to WordPress and set them as my background image I could always see a very faint line where the pattern repeated. After a lot of head scratching I finally discovered that there was a one pixel transparent border that was totally ruining the effect, but I couldn't figure out where it was coming from. The repeats worked perfectly in Illustrator. When I searched online I found other people who were struggling with this same issue but I could not find a clear answer. Since I knew the pattern worked perfectly in Illustrator I assumed this was a problem with borders, margins, or padding in my .css.

It turns out however that it was an Adobe Illustrator issue after all! The border appears when you save your image for web without having your artboard aligned to the pixel grid.

After a couple of hours searching and posting on the WordPress forum I found this article which showed me how to remove one pixel transparent borders from my PNG files. Click over for great screenshots and explanations:

White border around transparent PNG after Illustrator export?

Following the steps in this article fixed my issue. Each time exported my artwork from Adobe Illustrator I was sizing the art board to fit the selected artwork wherever it happened to be located on the the screen. This was causing my art board to not be aligned to the pixel grid and giving me a transparent border in my PNG file.

So now I have a new routine. I make sure the art board is aligned as described in the article and has the same dimensions as my artwork. Then, I use the align tool to align the artwork to the art board before exporting by saving for web.

Voila! No more pesky transparent borders - only seamless repeats!

(Since writing this article not only have my web design skills greatly improved but I decided to go with a cleaner website design and ditched the pattern repeat in the background. 1/30/2017)