iOS 5 "position: fixed" and virtual keyboard issues

Posted Almost 11 years ago.
stackoverflow.com

The ipad onscreen keyboard changes position:fixed style to position:static that misplaces those elements and you'll have problems...

Live CSS / view reloading

Posted Almost 11 years ago by Tobias Kraze.

Next time you have to do more than trivial CSS changes on a project, you probably want to have live...

Upgrading Rails 2 from 2.3.8 through 2.3.18 to Rails LTS

Posted Almost 11 years ago by Henning Koch.

This card shows how to upgrade a Rails 2 application from Rails 2.3.8 through every single patch level up to...

News flash: Absolute CSS positioning on opposite sides is not a problem

Posted Almost 11 years ago by Arne Hartherz.

Back in the old days, we couldn't do something like that: .foo { position: absolute; bottom: 0; /* This was bad...

Good real world example for form models / presenters in Rails

Posted About 11 years ago by Henning Koch.

We have often felt the pain where our models need to serve too many masters. E.g. we are adding a...

How to horizontally center absolute positioned container with CSS

Posted About 11 years ago.

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

Tips And Tricks For Print Style Sheets

Posted About 11 years ago by Dominik Schöler.
coding.smashingmagazine.com

Smashing Magazine lists some handy tricks for print style sheets, all with CSS: Expand External Links For Print

Interactive generator for gradients, borders, noise textures and box shadows

Posted About 11 years ago by Dominik Schöler.
cssmatic.com

CSSmatic lets you play around with four rather complex CSS stylings and gives you CSS or SASS code to use...

Browser Hacks: CSS Rules to Target Specific Browsers And Versions

Posted About 11 years ago by Dominik Schöler.
browserhacks.com

The linked site lists a wealth of CSS hacks that let you apply styles to just that one browser. You...

CSS: Combining different length units with calc()

Posted About 11 years ago by Dominik Schöler.

calc() lets you mix CSS units. Ever wanted to give an element "the container's width minus 20px on each...

Minified JavaScript and CSS

Posted About 11 years ago by Tobias Kraze.

JavaScripts and CSS should be minified for production use. In Rails 3.1+ the asset pipeline will take care of this...

Capturing signatures on a touch device

Posted About 11 years ago by Tobias Kraze.

If you need to capture signatures on an IPad or similar device, you can use Thomas J Bradley's excellent...

Using CSS counters - CSS | MDN

Posted About 11 years ago by Henning Koch.
developer.mozilla.org

Counters are an awesome CSS feature you didn't know about. It is supported in all browsers and IE8+.

rsl/stringex · GitHub

Posted About 11 years ago by Arne Hartherz.
github.com

Stringex is a gem that offers some extensions to Ruby's String class. Ruby 1.9 compatible, and knows its way...

CSS 3D Clouds

Posted About 11 years ago by Henning Koch.
clicktorelease.com

This is awesome. Only ran smoothly in Chrome. Is a slideshow in Firefox.

CSS: Matching against attributes and their values (or parts of them)

Posted About 11 years ago by Arne Hartherz.
w3.org

You probably know that you can use CSS selectors to match against elements and their attributes, such as:

CSS: Set content from other attributes

Posted About 11 years ago by Arne Hartherz.

You can use the content CSS attribute to set an element's content – which is especially useful for the :before...

hint.css - A tooltip library in CSS

Posted About 11 years ago by Henning Koch.
kushagragour.in

A tooltip library that does not use Javascript. Works in IE9+. This library (or the technique used by it) could...

Test that a form field is visible with Cucumber/Capybara

Posted About 11 years ago by Henning Koch.

Spreewald now comes with a step that tests if a form field is visible: Then the "Due date" field should...

Behave.js

Posted About 11 years ago by Henning Koch.
jakiestfu.github.com

Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, making it much more enjoyable to...

daylerees/colour-schemes · GitHub

Posted Over 11 years ago by Henning Koch.
github.com

Awesome color schemes for RubyMine, Sublime Text 2 and other editors. To install the themes into your Rubymine, copy intellij...

Detect effective horizontal pixel width on a mobile device with Javascript

Posted Over 11 years ago by Henning Koch.

So you want to find out how many horizontal pixels you have available on a mobile device. This is super...

An Advanced Guide to HTML & CSS

Posted Over 11 years ago by Tobias Kraze.
learn.shayhowe.com

CSS Explain - A tool which calculates CSS selector specificity

Posted Over 11 years ago by Ulrich Berkmueller.
josh.github.io

li.active a:link Example output (specificity): | 0 | 2 | 2 | See also: https://www.codecaptain.io/tools/css-specificity-calculator