Integralist

@include keyframe(fadeout) {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

bejes

/**
 * Plugin function to insert spans into text:
 * usage 
 * $(document).ready(function() {
 * $('p.charcount').charSpanCount(); });
 *  or $(document).ready(function() {
 * $('p.charcount').charSpanCount({'charcount' : 15});
 *  });
 */
(function($) {

leostratus

An ongoing project to catalogue all of these sneaky, hidden, bleeding edge selectors as I prepare my JSConf EU 2012 talk.

Everything is broken up by tag, but within each the selectors aren't particularly ordered.

I have not tested/verified all of these. Have I missed some or got it wrong? Let me know. - A

A friendly reminder that you may need to set this property on your target/selected element to get the styling results you want:

-webkit-appearance:none;

ykhs

@mixin linear-gradient($angle, $color-stops...) {
  $_angle-with-vendor-prefix: "";
  $_angle: "";
  @if $angle == "to top" or $angle == "bottom" {
    $_angle-with-vendor-prefix: bottom;
    $_angle: to top;
  } @else if $angle == "to right" or $angle == "left" {
    $_angle-with-vendor-prefix: left;
    $_angle: to right;
  } @else if $angle == "to bottom" or $angle == "top" {

brubrant

// http://compass-style.org/reference/compass/helpers/sprites/
@mixin get-sprite($map, $sprite, $repeat: no-repeat, $height: true, $width: true) {

  //http://compass-style.org/reference/compass/helpers/sprites/#sprite-file
  $sprite-image: sprite-file($map, $sprite);
  
  // http://compass-style.org/reference/compass/helpers/sprites/#sprite-url
  $sprite-map: sprite-url($map);
  
  // http://compass-style.org/reference/compass/helpers/sprites/#sprite-position

Integralist

#How to target CSS generated content via JavaScript? ##The content was generated using :after pseudo-element

Here is the design...

Below is the JavaScript I'm using to access the 'X' close button which was generated by the CSS.

Note: I don't want an extra HTML element in the page, I'd rather CSS handle the generation.

anthonyshort

// Media Queries in Sass 3.2
//
// These mixins make media queries a breeze with Sass.
// The media queries from mobile up until desktop all 
// trigger at different points along the way
//
// And important point to remember is that and width
// over the portrait width is considered to be part of the
// landscape width. This allows us to capture widths of devices
// that might not fit the dimensions exactly. This means the break

nhunzaker

// Inline Labels
// -------------------------------------------------- //

$('input, textarea').each(function() {

    var self = $(this),
        label = $("label[for='" + self.attr("id") + "']").text();
        
    // Replace initial values
    if (!self.val().replace(/^\s+/g, "").length) {

sapegin

@function _decToHex($dec) {
	$h2: $dec % 16;
	$h1: ($dec - $h2) / 16;
	@if $h1 > 9 {
		$h1: nth((a b c d e f), $h1 - 9);
	}
	@if $h2 > 9 {
		$h2: nth((a b c d e f), $h2 - 9);
	}

oodavid

Deploy your site with git

This gist assumes:

• you have a local git repo
• with an online remote repository (github / bitbucket etc)
• and a cloud server (Rackspace cloud / Amazon EC2 etc)
  • your (PHP) scripts are served from /var/www/html/
  • your webpages are executed by apache
• apache's home directory is /var/www/