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...

Angular 1.3+ has an alternative getter/setter pattern: You can bind ng-model to an accessor function. This is a function...

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...

You select some characters, make them bold and suddenly your entire document is bold? Here's how to fix that...

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...

I use this to simulate the (non-existing) :last-letter CSS pseudoclass, e. g. to insert a tombstone at the...

Since version 34, Chromium/Chrome ignores the autocomplete="off" attribute on forms or input fields. Recent versions of other browser do...

The error unexpected 'x' after 'DESCENDANT_SELECTOR' (Nokogiri::CSS::SyntaxError) (where x may be basically any character) occurs when the...

When using @media CSS queries, Internet Explorer 8 and below will fail to respect them. Though there are several options...

makandra dev

When you want the table headers to always stay around (e.g. because that table is huuuge), use the code below...

If you want to do JavaScript-style camelization, ActiveSupport's String#camelize method can actually help you out. Simply pass...