By default Middleman generates files with a .html extension. Because of this all your URLs end in /foo.html instead of...

Middleman is a static page generator that brings many of the goodies that Rails developers are used to.

philipwalton.github.io

Solved with flexbox is a collection of css problems which were hard or impossible to solve without flexbox: Better, Simpler...

github.com

The parallel-gem is quite easy to use and can speed up rendering time if you want to render the...

Imagine the following HTML structure, where the scrolling container has overflow-y: scroll: +--scrolling container+-+ | | | +-child element+----+ | | | ++iframe++ | | | | | | | | | | | | | | +-----------------------+ | | | | <-- actually cut...

Some pseudo-elements need to be addressed with vendor prefixes. E.g. ::selection is not supported by Firefox, you need to...

Sass lets you easily specify multiple selectors at once like this: .some-block &.has-hover, &:hover outline: 1px solid red...

Sometimes you want/have to send specific http(s) requests. You can do that easy with curl or just write the...

stackoverflow.com

iOS Safari tries to be helpful and enlarges some(!) texts when you turn to landscape mode. In precise CSS building...

Note: The behaviour of Spreewald's within step is as described below for version < 1.9.0; For Spreewald >= 1.9.0 it is...

makandra dev

Just dumping this in case somebody might need it. When you need a CSS value (a padding, margin, height etc...

This is not an issue in newer versions of HAML (starting with 5.0.0), as the ugly-option was removed...

makandra dev
labs.detectify.com

The postMessage API is an alternative to JSONP, XHR with CORS headers and other methods enabling sending data between origins...

makandra dev
brunildo.org

The pages listed here contain tests and experiments about features, possibilities, browsers’ bugs concerning CSS. That is, over 200 experiments...

makandra dev
iamvdo.me

Line-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand...

There seems to be a nasty bug in Chrome 56 when testing with Selenium and Capybara: Slashes are not written...

If you use Angular 1.4+ together with Angular Animate, all ng-show, ng-hide, ng-class etc. are animated on...

TLDR: When you put CSS rules into a partial and import that partial multiple times, the CSS rules will be...

smashingmagazine.com

A comprehensive introduction to sending HTML emails. Intro: HTML email: Two words that, when combined, brings tears to a developer...

In general, you should not put a block element inside an inline element. So don't do this: text

Building plain text emails with an .erb template doesn't allow you to indent code like you normally do in...

makandra dev
medium.freecodecamp.com

The linked article states that CSS breakpoints should group "similar" screen sizes and thus be at: 600px "narrow"

There is no CSS selector for matching elements that contains a given string ¹. Luckily, Capybara offers the :text option to...

clipboardjs.com

We used zeroclipboard.js in some of our projects but now we switched to clipboard.js because it does not rely on...