Playing audio in a browser

Posted Almost 13 years ago by Henning Koch.

If you want to play music or sounds from a browser, your choice is to use either Flash or the...

Apprise - The attractive alert alternative for jQuery

Posted Almost 13 years ago by Lexy.
thrivingkings.com

An alert alternative for jQuery that looks good. Apprise is a very simple, fast, attractive, and unobtrusive way to communicate...

Use CSS attribute selectors with Capybara

Posted About 13 years ago by Henning Koch.

You can use CSS attribute selectors in your step definitions like this: Then /^the page should have a meta description...

Opera: How to use outlining for better layout debugging

Posted About 13 years ago by Arne Hartherz.

I prefer using Opera's "User mode" to toggle an outlining of HTML elements quickly. This helps greatly when you...

Different CSS for IE using Sass

Posted About 13 years ago by Tobias Kraze.

At times, it might be unavoidable to have different CSS rules for Internet Explorer than for sane browsers. Using Sass...

PhantomJS: Headless WebKit with JavaScript API

Posted About 13 years ago by Lexy.
phantomjs.org

PhantomJS is a minimalistic headless WebKit. It has fast and native support for various web standards: DOM handling, CSS selector...

Hide Thunderbird's buttons in message headers area

Posted About 13 years ago by Arne Hartherz.

I don't like those buttons inside the header area of a message that Thunderbird 3 put there. Though the...

Customize your Bash prompt

Posted About 13 years ago by Dominik Schöler.
github.com

The shell variable PS1 holds your bash prompt. You might want to change it to serve your needs best. Here...

CSS3 Pie: Element not properly redrawn

Posted About 13 years ago by Tobias Kraze.

Pie sometimes does not properly redraw elements upon changes. This often happens when the change comes from somewhere further up...

Speed up response time in development after a Sass change

Posted About 13 years ago by Arne Hartherz.

When working with large Sass files you will notice that the first request after a change to a Sass file...

Prevent floating sibling elements from wrapping in CSS

Posted About 13 years ago by Henning Koch.
archivist.incutio.com

When you style multiple adjacent block elements with float: left, they will be rendered next to each other similar to...

Remove quotes from Sass mixin arguments

Posted About 13 years ago by Arne Hartherz.

When calling a Sass mixins, you usually don't need to quote arguments: +tint_article(#f21) However, when a CSS...

Check that an element is hidden via CSS with Spreewald

Posted About 13 years ago by Henning Koch.

If you have content inside a page that is hidden by CSS, the following will work with Selenium, but not...

Using Firebug Lite to inspect HTML in Internet Explorer and other browsers

Posted About 13 years ago by Arne Hartherz.
getfirebug.com

You know Firebug as a Firefox extension but there is also a "Lite" version which runs purely off JavaScript.

Styling and scaling for mobile devices

Posted Over 13 years ago by Arne Hartherz.
cssdiscussion.com

If you want your application to display properly on iPad, iPhone or Android there are two things to do:

Firefox: Remove dotted border from focused buttons

Posted Over 13 years ago by Henning Koch.

The following Sass will do the trick: button, input[type="reset"], input[type="button"], input[type="submit"], input[type="file...

Creating Liquid Layouts with Negative Margins

Posted Over 13 years ago by Lexy.
alistapart.com

I was recently confronted with the task of creating a two-column liquid layout with a header and footer in...

Proper cross-browser CSS styling for buttons

Posted Over 13 years ago by Arne Hartherz.

Styling button tags across all major browsers is not easy. Many times you should be fine by using the native...

Useful collection of Sass mixins

Posted Over 13 years ago by Arne Hartherz.

This collection of Sass mixins enables cross-browser styling (including IE with CSS3PIE) with less lines of code.

Cross-browser height and line-height

Posted Over 13 years ago by Arne Hartherz.

When using an odd value for line-height in CSS the result will vary across all major browsers.\

scribd's flash_heed at master - GitHub

Posted Over 13 years ago by Lexy.
github.com

Fixes all Flash elements on a page so that they heed DOM stacking order

Test that a CSS selector is present with Cucumber

Posted Over 13 years ago by Henning Koch.

This note describes a Cucumber step definition that lets you test whether or not a CSS selector is present on...

Here’s what we’ve learned about doing UI for mobile web apps with WebKit

Posted Over 13 years ago by Lexy.
37signals.com

Lately, we’ve been exploring ways to offer web apps that perform like native apps on mobile devices. For this...

jsmestad's pivotal-tracker at master - GitHub

Posted Over 13 years ago by Lexy.
github.com

Ruby gem that provides an AR-style interface for the Pivotal Tracker API.