Digital design and other shiny toys

Controlling image width in ebooks displayed in iBooks app

Posted on by Paul

I was talking to a client about her ebook today and, while she was very polite, I sensed frustration at how long everything was taking. We’re adapting a lengthy textbook, complete with illustrations from Microsoft Word to EPUB and MOBI format. The source material and publishing requirements mean we’re creating a standard re-flowable ebook rather than a fixed-layout one.

The main area of concern is the illustrations, specifically their display size. To keep things simple and avoid problems with more limited ebook reader devices (that’ll be the Kindle) we’re putting most images in a separate block and allowing them to fill the display width. However, some images need to be limited to half, or even quarter the display width. No problem, I think, I’ll just use max-width in the CSS to limit how wide images can be. Everything looks great until we test in iBooks on the iPad. The images are the full width of the ‘page’, ignoring the CSS rule that should limit them. It was at this point the client began doubting my design skills. Luckily there is a workaround. By putting the images inside another element, in this case a paragraph, and applying left and right margins of 25% I was able to replicate the original effect of limiting maximum image width to 50%.

WordPress 4 media upload problems

Posted on by Paul

I’ve created several client websites using WordPress, and after updating to version 4 we’ve had problems with the media upload function. If I go to Media > Add New everything works as expected:

add-new

But, uploading a new image when editing a page, post or product doesn’t work. We get the HTTP error alert. In the following example I’m trying to set a featured image on a Woocommerce product page:

set-product-image1

set-product-image2

We’re left with an empty item in the media library that has to be removed:

empty-image

So, if you’re getting the HTTP error message when uploading new images, try the Add New function in the Media library, then go back to the page or post where you’d like to use the image and select it from the library.

Using OS X 10.10 Yosemite for real work

Posted on by Paul

I tested the public betas of OS X 10.10 (Yosemite) and they seemed okay, so I installed the real thing at the end of last week. So far I haven’t had any problems with applications. As usual, my local web server set-up got stomped flat, but I’m used to that by now. That’s why I make backups.

Animation test

Posted on by Paul

A client asked to see some animation work, which made me realise it’s about time I put some examples on the site.

Intro sequence test render:

Posted in Animation | Comments Off on Animation test