UI themes in Chrome Dev tools

Chrome now allows you to use UI themes in their dev tools! Yay. To add a theme, find it in the Chrome extensions store. My favorite is the Flatland theme Available on github here To enable Add a theme. Go to your about:flags in chrome, chrome://flags/#enable-devtools-experiments Check the enable devtools experiments Restart Chrome Go to...

Installing Ruby 2.1.1 on Ubuntu 14.04 x86_64

UPDATE: As pointed out in the comments, readline was still not actually installing. As of this update, you can install Ruby 2.1.2 instead of 2.1.1 without the need to configure readline. I was trying to install ruby on the newly released Ubuntu 14.04 and I was running into some issues with readline. The error looked...

Setting up nginx/passenger and logrotate on Ubuntu

We recently set up a fresh AWS Ubuntu instance running Ruby on Rails on Nginx and Passenger, and I wanted to make sure the nginx log files were included in the server’s lograte.  To do this, I needed to do the following. With a default nginx configuration, you can configure the log directory to point...

uninitialized constant Capistrano::Configuration::SSHKit

I recently upgraded a rails project to use the latest and greatest version of capistrano (3.0.0) and was faced with this rather unusual error when running any rake command. After a lot of trouble shooting and digging into the new capistrano gem’s source, I realized the error was actually thrown by including the capistrano_colors gem...

Direction aware hovers

Direction aware hovering effects are relatively new to the HTML/CSS/JS realm and codrops has just put out a really great tutorial detailing the philosophy and code behind them. View it here The demo is especially nice as it is an example of how it might be used in the real world. I highly recommend taking...

Highlights from the HTML5 Weekly

So, if you are not subscribed to the HTML5 Weekly newsletter, you might want to get with the program. For the uninitiated, the editors describe themselves as: A free, once–weekly round-up of HTML5 and browser technology news and links. CSS 3, Canvas, WebSockets, WebGL, Native Client, and more. In addition to browser tech news, I’ve found...

Front-end development bundle for Google Reader

Paul Irish, one of our favorite front-end devs, put together a list of must-read blogs for front-end development. At a whopping 258 feeds, it’s a pretty heavy hitter. Luckily, one of the commenters of the original post culled it down to the essential blogs (the ones with posts in the last 6 months). That comment...

Code Cards: Christmas cards for your compiler

When not solving problems in usability, our very own Matt Raw makes handmade letterpress Code Cards that can, among other things, help you express love in HTML. Now he and Campbell Raw Press have come up with a series of new compiler-friendly Christmas cards to send your favorite developer this holiday season: Raw eggs, sugar, and copious amounts...

Pimp out your rvm profile

We’ve been using RVM for all our Rails projects here at Blenderbox for some time and we’ve made it a whole lot easier to use by adding this .rvmrc file to the root directory of all our projects. #!/usr/bin/env bash ruby_string="ruby-1.9.2" gemset_name="gemset-for-project" if rvm list strings | grep -q "${ruby_string}" ; then # Load or...

Can’t open file: ‘sessions.MYI’

Sometimes, we are responsible for helping clients maintain older products that we didn’t build from the ground up. One of those products is oscommerce. Today, I had an error I had never come across. Can’t open file: ‘sessions.MYI’ I did some googling and most of the results said to go in with phpmyadmin and run...

CSS for newbies

Chris Coyier of CSS-Tricks.com fame has a nice post for people who are just learning CSS. These aren’t huge big things like broken layouts in IE or which vendor prefixes should you be using. It’s the little fundamental stuff, like tiny differences in syntax that change meaning in a big way. Read the full article...

jQuery 1.6.1+ and setInterval

I recently created a quick jQuery gallery plugin for a client that auto scrolls using setInterval and, when I was done, I left my tab hidden for a few minutes to look at something on another website.  When I went back to my tab with the gallery, WHAM! I was stuck with a gallery automatically...

Git Basics

For anyone new to git, I thought I’d share some tips. This tutorial assumes you are using the terminal (Mac/Linux) or command console (Win).  You should have a basic knowledge of the terminal/console.  You should also already have git installed.  There are many ways of doing this and they are well documented elsewhere. Here is...

Install wowza media server on Amazon EC2 and S3

UPDATE from Oliver: Note: Elastifox does not work in current versions of FF, no matter what trickery is employed. You can easily achieve the main goals in this tutorial via the AWS Management Console. For this tutorial, we’re going to assume that you have Firefox and ElasticFox installed and that you already have an AWS account set...

Pro-tip for form autocompletion

Have you ever been editing a user record in your CMS and tried to save the form, only to get an error that the passwords don’t match even though you didn’t try to update the password? I have. And it’s annoying. Very annoying. Here’s a little tip to help resolve that issue. When creating a...

Can’t convert Syck::DomainType into String

I just tried to set up a new environment for a rails site I’m working on and I was getting this error when trying to migrate the database. can’t convert Syck::DomainType into String I couldn’t find that error on google at all, but it turns out the password I was using had both a hash...

Uploading docx files with Paperclip and Rails

I just ran into an issue with the Paperclip gem not allowing a user to upload documents of the docx variety even though I had the ‘application/msword’ content type allowed in my model.  It turns out that the docx content type is a much longer string.  To get the upload to validate properly, you need to...

Importing a CSV into MySql

We’re working on the new blenderbox site, and we’re moving from SQL server to a MySQL server and I wanted to quickly move our project data from our old server to the new one. I came across a great way to import data into a MySQL database directly from a CSV file. Firstly, you’ll need...

Styling placeholder text in HTML5

Another quick tip for styling input elements in HTML5.  To style placeholder text, you can use the following CSS: ::-webkit-input-placeholder { color:#282218; } :-moz-placeholder { color:#282218; } That’s it!  I assume that, once it’s supported by more browsers, it will change to input-placeholder or just placeholder.  We’ll have to wait and see on that one.