Consider this Sass: .comment width: 320px; height: 240px; Any textarea with the comment class will be sized 320 by 240...
Applications often show or hide elements based on viewport dimensions, or may have components that behave differently (like mobile vs...
In a nutshell: Capybara's find will not work properly on nodes from a list. Don't find on elements...
CSS is a lot easier to write and read than clumsy XPath expressions. So when you need to use XPath...
LibreOffice Impress, Writer, etc. doesn't embed most fonts into the PDFs it generates. This means if you share a...
Media Queries have reached W3C Recommendation on June 19th 2012. If you were interested in other (future) web standards you...
To have your text input field pre-filled in with some text that disappears as soon as the user selects...
Consider this HTML: Click me! Hello Universe! Hello Universe! Hello Universe! Hello Universe! Hello Universe! Hello Universe!
If you're suffering from a huge de.yml or similiar file, cry no more. Rails lets you freely organize your...
When using the asset pipeline your assets (images, javascripts, stylesheets, fonts) live in folders inside app: app/assets/fonts app/assets/images...
Some progress was made by browsers on implementing CSS filters like blur, greyscale or some other effects. You might already...
Building CSS mobile-first is the way forward, because blah blah blah progressive enhancement blah. Problem is, Internet Explorer prior...
Geoffrey Grosenbach has created Gruff for easily plotting graphs. It is written in pure Ruby and integrates with Rails applications...
Consider the following HTML & CSS: ^ img { background-color: red; } div { border: 1px solid black; } This will leave a margin of...
Localizing a non-trivial application can be a huge undertaking. This card will give you an overview over the many...
You will find this useful when creating responsive designs that work well on small screens. The attached Javascript gives a...
When requests arrive at the application servers simultaneously, weird things can happen. Sometimes, this can also happen if a user...
Say you want to vertically align a div box inside a div container. This is how you do it:
When you add a linear gradient to an element, IE9 removes all border-radius and inset box-shadows. This is...
Though the W3C even gives it as an example, no browser actually supports this CSS: img:before { content: "something"; }
Sometimes you need a special version of chrome because it has some features you need for testing, like in this...
You can set the resolution and user agent used in selenium tests with chrome with the method described in this...
It's not logical, so don't be too hard on yourself. You need to give it a height and...
When you want to test how an web-application reacts in a specific resolution, you can set up a specific...