Note: Making a reverse proxy with nginx is much more straightforward. A reverse proxy is a "man in the middle...

Rails comes with a Rake task notes that shows code comments that start with "TODO", "FIXME", or "OPTIMIZE".

makandra dev
yoyo.io

Fontawesome 4 ships with many useful CSS helper classes. Enlarge Icon Add fa-lg (133%), fa-2x, fa-3x, fa...

techblog.livingsocial.com

Clever hack using data-attributes to assign labels to cells. It's still a massive duplication of code (labels), but...

If you want to rotate text, you can use CSS transforms in somewhat modern browsers to rotate the container element...

w3.org

Often times you want to give a bunch of elements the same style, except for the last. For example borders...

tech.bellycard.com

The debate between using mixins or extends in Sass has been heating up recently. From the surface it appears they...

The CSS property z-index is not as global as you might think. Actually, it is scoped to a so...

github.com

Use it like this for inline icons: Germany They also work as block elements:

Here is a Javascript function reloadUsers() that fetches a HTML snippet from the server using AJAX and replaces the current...

makandra dev
github.com

This jasmine plugin helps with testing DOM manipulation in two ways: It gives you DOM-related matchers like toBeVisible() or...

jQuery comes with .animate() that lets you transition some CSS selectors: function floatIn($element) { $element.css({ 'opacity': 0, 'margin-top': 200px...

makandra dev
github.com

Bourbon is a library of pure Sass mixins that are designed to be simple and easy to use. No configuration...

The benefit of the Rails asset pipeline is that it compiles your stylesheets and javascripts to a single file, respectively...

makandra dev

The Rails asset pipeline improves delivery of application assets (javascripts, stylesheets, images, fonts). Here are some basic facts about its...

makandra dev
github.com

Clamps (ie. cuts off) an HTML element's content by adding ellipsis to it if the content inside is too...

The asset pipeline changes the paths of CSS files during precompilation. This opens a world of pain when CSS files...

We upgraded a Rails 2 application to Rails 3.2 and Ruby 2.1, changed the mysql adapter from mysql to mysql2...

makandra dev
github.com

PDFKit converts a web page to a PDF document. It uses a Webkit engine under the hood...

blog.mailgun.com

Styling HTML email is painful. Tables, inline CSS, unsupported CSS, desktop clients, web clients, mobile clients, various devices, various providers...

zerosixthree.se

See attached link. The gist is: .element { position: relative; top: 50%; transform: translateY(-50%); } Works in all web browsers and...

Be careful to name any file @imported by SASS with a leading underscore. SASS files not beginning with an underscore...

makandra dev
plugins.jquery.com

SudoSlider is a simple yet powerful content slider that makes no (or very few) assumptions about your markup and is...

When you cannot make Selenium trigger events you rely on (e.g. a "change" event when filling in a form field...