Opinionated Angular style guide for teams by @john_papa Not everything in this guide works perfectly for us, but is...
Often times you want to give a bunch of elements the same style, except for the last. For example borders...
The debate between using mixins or extends in Sass has been heating up recently. From the surface it appears they...
When you are using the #selector_for helper in Cucumber steps, as e.g. Spreewald does, the following snippet will save...
The CSS property z-index is not as global as you might think. Actually, it is scoped to a so...
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...
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...
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...
The Rails asset pipeline improves delivery of application assets (javascripts, stylesheets, images, fonts). Here are some basic facts about its...
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...
PDFKit converts a web page to a PDF document. It uses a Webkit engine under the hood...
Styling HTML email is painful. Tables, inline CSS, unsupported CSS, desktop clients, web clients, mobile clients, various devices, various providers...
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...
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...