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
Tag Archives: css
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!
Redbubble has been around for a while now and we haven’t made any efforts to give our visitors on phones and tablets an awesome experience – a better experience than looking at a full sized page zoomed out! So to that end, we recently spent a decent amount of time to make Redbubble more mobile friendly. Responsive or Native? When developing a mobile site, there are basically three options available: Build a native app. Create a separate mobile site. Convert the existing site over to a responsive design. Since we didn’t have the expertise to build a native app and a separate mobile site would only mean we had to support two codebases, we decided pretty early on that the responsive way is the