I have a love and hate relationship with Cucumber. I’m not talking about cucumbers we see on a dining table, but the one that we see when we’re talking about software testing! I’ve worked with Cucumber on a number of projects since I started working as a full-time Ruby developer back in 2009. It could be a very useful tool when we needed a tool to aid us in keeping our written requirements (that are also executable) to make sure the software behaves the way business intended. This kind of testing is often called User Acceptance Testing. We asked ourselves, is this the best approach?
Tag Archives: frontend
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!