It's not uncommon for a client to need a way for visitors to translate their website without rewriting all their content. Fortunately, as with most things, Google has a convenient widget for this - the Google Website Translator. This handy thing will give you some code to drop on your website, giving you a nice little dropdown like so:
Let's say I have several Boostrap columns side by side that contain images of varying height. I want these images to appear
vertical-align:middle with each other. Of course, this can only really be achieved if our columns have
display:inline-block, but if you know anything about Bootstrap, you know our columns are floated. Inline-block display introduces several issues with whitespace in your HTML - if you remove the float and make them inline-block, the last one will wrap unless you do something goofy like this with your markup:
GitHub works fine for a CMS, but I'd much rather do my work in my favorite IDE, and if I'm working locally, I may as well make it simple. Here are a couple snippets you might find valuable.
Jekyll is a static-site generator - great for fast websites that can still do some of the fancy stuff CMSs do. So I figured I would try it out for my development blog since it's built into GitHub pages. If nothing else, it's a great excuse to learn a new technology and get more familiar with markdown. I'll be following up with my build proces for local testing.