Previously, when artists uploaded an artwork to Redbubble, we used the same image for all of the clothing styles and the sticker style. Both worked best with a PNG with transparency, and stickers don’t offer any options for editing, so it seemed an obvious choice. But artists have long been asking for these to be split out. And we’ve focused on adding more clothing styles lately, so we decided now was a good time to separate the sticker upload. The problem was that in the uploader we wanted to show the artist a preview of what the sticker would look like after we add the white border to it, and we wanted to do this in the browser in HTML5
The keyboard navigation order (commonly called the “tab order”) is important for users who can’t necessarily use a mouse or control a pointer to navigate a website. However, the tab order is traditionally defined by the order in which elements appear in the HTML document, which can become quite different to the order in which the elements visually appear when a site is built using Responsive Web Design principles.
Here at Redbubble, all of our icons are fonts. The vector goodness give us lovely sharp images on even the highest resolution displays. Up until now, we’ve used the excellent fontello.com to generate our font files from a number of icon sets, but our growing team has made managing our configuration file difficult. I’m a big fan of using robots for repetitive tasks, so I threw together a rake task that automates the process! This task allows us to drop individual SVG files into a folder, and automagically generates all of our font files in TTF, WOFF and EOT formats. It is even smart enough to generate a SCSS file with all of the mappings. Robots!
At Redbubble, we are dependent on artists uploading new designs and illustrations. Naturally, we’d like to make this as easy as possible. Previously, the process to do this was to download a template, position their work offline, upload, save, check the final product and repeat. For designs that need to be in a particular position this could be an extremely painful process! In order to lower the hurdle for new users and decrease the frustration level for our long-time artists, we introduced a new uploader which takes away the need for templates and allows for preview and positioning of the design on the product before upload.