Caching may break relative paths in your merged stylesheet

Posted Over 12 years ago.

If you turn on stylesheet caching, it might happen that stylesheets from different locations with different relative pathes will be...

Rails ERD – Entity-Relationship Diagrams for Rails

Posted Over 12 years ago by Henning Koch.
rails-erd.rubyforge.org

Gem to generate entity relationship diagrams from your Rails 3 ActiveRecord models. The diagram style is pretty and configurable.

Declare different CSS background-images for different locales

Posted Over 12 years ago.

If you would like to use language specific layout (e.g. background-images) in your applications stylesheets you can achieve this...

Large forms are slow on the iPad

Posted Over 12 years ago by Henning Koch.

Forms with many inputs (600+ in my case) become extremely unresponsive on an iPad, up to the point where it...

Web font embedding requires new CSS for IE9

Posted Over 12 years ago by Henning Koch.

If you embedded web fonts in the past years (e.g. by copying CSS from a Font Squirrel @font-face kit...

Improve web font rendering in Windows by autohinting fonts

Posted Over 12 years ago by Henning Koch.

Web fonts are awesome. After being restricted to Arial for two decades there is finally a cross-browser way to...

Give table columns equal width using CSS

Posted Over 12 years ago by Henning Koch.

If you want to distribute a 's width equally over its columns, you can use the following CSS property:

Parse & sort unique hits in logfiles

Posted Over 12 years ago by Thomas Eisenbarth.

If you want to know the exact hits on your website (or whatever logfile you want) for a specific date...

How to use CSS3 gradients in Opera

Posted Over 12 years ago by Arne Hartherz.
dev.opera.com

Since version 11.10 Opera provides support for linear gradients using -o-linear-gradient. The syntax is pretty similar to Mozilla...

The Skinny on CSS Attribute Selectors

Posted Over 12 years ago by Lexy.
css-tricks.com

Good guide to different ways you can write CSS selectors that select elements by their attribute values.

How to make a single check box (or image, etc) align vertically

Posted Over 12 years ago by Arne Hartherz.

Consider this HTML: Even though the surrounding container defines a line-height, which vertically centers its inline elements, the check...

Detect the current Rails environment from JavaScript or CSS

Posted Over 12 years ago by Henning Koch.

Detecting if a Javascript is running under Selenium WebDriver is super-painful. It's much easier to detect the current...

Capybara - The missing API

Posted Over 12 years ago by Henning Koch.

The Capybara API is somewhat hard for parse for a list of methods you can call on a Capybara node...

Always store your Paperclip attachments in a separate folder per environment

Posted Over 12 years ago by Henning Koch.

tl;dr: Always have your attachment path start with :rails_root/storage/#{Rails.env}#{ENV['RAILS_TEST_NUMBER']}/. The directory where you...

How to grep through the DOM using the Capybara API

Posted Over 12 years ago by Henning Koch.

When your Cucumber feature needs to browse the page HTML, and you are not sure how to express your query...

Insert multiple blank rows into an OpenOffice.org/LibreOffice Calc spreadsheet

Posted Over 12 years ago by Henning Koch.

Select as many rows as you'd like to insert by dragging over the row numbers on the left. Then...

Firefox 3.6 truncates long tables when printing

Posted Over 12 years ago by Henning Koch.

Possible fixes: Upgrade your Firefox. It's fixed in 5.0. Hunt down funny float or overflow directives in your CSS...

Disable text selection on iOS and Android devices

Posted Almost 13 years ago by Henning Koch.
stackoverflow.com

When you double-tap a string of text on an iPhone or iPad a complicated context menu for copying and...

Getting non-Aero toolbars for Thunderbird 5 on Windows 7

Posted Almost 13 years ago by Arne Hartherz.

Thunderbird 5 brings a custom chrome on Windows Vista/7 that uses translucent Aero decorations on toolbars and menubars. Here is...

Check whether an element is visible or hidden with Javascript

Posted Almost 13 years ago by Henning Koch.

You can say: $(element).is(':visible') and $(element).is(':hidden') jQuery considers an element to be visible if it...

Matching elements on complex web pages with Webrat

Posted Almost 13 years ago by Lexy.
devblog.imedo.de

XPath matchers can be combined with CSS-selector matchers. This is really useful if not, for example, the content of...

Using StaticMatic for static pages

Posted Almost 13 years ago by Tobias Kraze.

Update: Staticmatic will not be further developed. They suggest to switch to middleman. If you need to make a static...

Center a float horizontally

Posted Almost 13 years ago by Tobias Kraze.

Note: We have card with all CSS centering options. You probably want to head over there and get an overview...

Print-Friendly Images and Logos with CSS

Posted Almost 13 years ago by Lexy.
cssnewbie.com

The trick is this: send a low-resolution version of your image to the screen, and a high-resolution version...