nimbupani

// Use @include colorize('image.png', red, 0.5)

@mixin colorize($image, $color, $opacity) {
      background: $color;
      $color: transparentize($color, 1 - $opacity);
      background: -webkit-linear-gradient(left, $color, $color), url($image); 
      background: -moz-linear-gradient(left, $color, $color), url($image); 
      background: -ms-linear-gradient(left, $color, $color), url($image); 
      background: -o-linear-gradient(left, $color, $color), url($image); 
}

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

thulstrup

$sprites: sprite-map("sprites/*.png");
$sprites-retina: sprite-map("sprites-retina/*.png");

@mixin sprite-background($name) {
  background-image: sprite-url($sprites);
  background-position: sprite-position($sprites, $name);
  background-repeat: no-repeat;
  display: block;
  height: image-height(sprite-file($sprites, $name));
  width: image-width(sprite-file($sprites, $name));

addyosmani

#gitback 0.1
#usage: sudo ruby gitback.rb
#credits: walter white, minor changes: addy osmani
#!/usr/bin/env ruby

# dependencies
require "yaml"
require "open-uri"

time = Time.new

necolas

# Filename-based cache busting
# taken from https://github.com/h5bp/html5-boilerplate/

# This rewrites file names of the form `name.123456.js` to `name.js`
# so that the browser doesn't use the cached version when you have
# updated (but not manually renamed) the file.

<IfModule mod_rewrite.c>
    Options +FollowSymlinks
    RewriteEngine On

paulmillr

Most active GitHub users (git.io/top)

The list would not be updated for now. Don't write comments.

The count of contributions (summary of Pull Requests, opened issues and commits) to public repos at GitHub.com from Wed, 21 Sep 2022 till Thu, 21 Sep 2023.

Because of GitHub search limitations, only 1000 first users according to amount of followers are included. If you are not in the list you don't have enough followers. See raw data and source code. Algorithm in pseudocode:

githubUsers

MoOx

Discovering CSS Pre-processor

Famous pre-processors

• Sass (+Scss) http://sass-lang.com/

• Less http://lesscss.org/

• Stylus http://learnboost.github.com/stylus/

Sass vs Less

imathis

Hashtag abuse

Three or more hashtags.

#[^#]+#[^#]+#

Long hashtags (15+ characters): #hashtagpunchline

bloodyowl

function (destination, duration) {
    // destination (relative to window top) in px
    // duration in ms
    /* Variables */
    var startPosition = "pageYOffset" in window ? window.pageYOffset : document.documentElement.scrollTop,
        startTime = +new Date(),
        endTime = startTime + duration,
    // if top of element is outside the document, then define end point to document limit
    // elsewhere, go the the top of the element
        destinationSafe = document.height < (destination + window.innerHeight) ? document.height - window.innerHeight : destination,

KuraFire

@function rgbaa($args...) {

  // rgbaa(#FFF, .5)
  @if length($args) == 2 {
    $hex: nth($args, 1);
    $alpha: nth($args, 2);
    @if $oldIE == 1 {
      @return rgb(red($hex), green($hex), blue($hex));
    } @else {
      @return rgba(red($hex), green($hex), blue($hex), $alpha);