amirsuhail786

	" Make IE Better Compatible "

<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

======================================================
IE6 Only
==================
_selector {...}

samsolomon

<!--create a semi-random number using the last second of the send date-->
{% capture time_seed %}
  {{ 'now' | date: "%s" }}
{% endcapture %}

<!--manupulate using lots of maths-->
{% assign random = time_seed | times: 1103515245 | plus: 12345 | divided_by: 65536 | modulo: 32768 | modulo: 10 %}

<!--return number-->
{{ random }}

hc2p

$icons: (
  follow: 'a',
  followed: 'b',
  unfollow: 'c',
  checkmark: 'e'
);

$Placeholder-Selectors: ();
@mixin icon($name, $color, $extend: true) {
  @include icon-static($extend);

eprothro

Overview

The below Sass+Compass/Ruby can be used to:

• Generate retina and non-retina sprite maps
• Allow a single style class to provide retina and non-retina support, per image
• Automatically generate those sprite style classes

Example markup for a retina supported menu button:

%a.icon-hamburger

morewry

$disable-magic-sprite-selectors: true;
$icons-inline: true;
$icons-sprite-base-class: "%icons-sprite";
$icons-layout: smart;
$icons: sprite-map("icons/*.png");
@import "icons/*.png";

@each $img in sprite-names($icons) {
  %icon-#{$img} {
		@extend %icons-sprite;

joaocunha

This is no longer a bug. I'm keeping the gist for historical reasons, as it helped to get it fixed. Make sure to read the notes by the end of the post.

How to remove hide the select arrow in Firefox using -moz-appearance:none;

TL;DR (or, the fix)

1. Set -moz-appearance to none. This will "reset" the styling of the element;
2. Set text-indent to 0.01px. This will "push" the text a tiny bit^[1] to the right;

callmephilip

@mixin image-2x($image, $width, $height) {
  @media (min--moz-device-pixel-ratio: 1.3),
         (-o-min-device-pixel-ratio: 2.6/2),
         (-webkit-min-device-pixel-ratio: 1.3),
         (min-device-pixel-ratio: 1.3),
         (min-resolution: 1.3dppx) {
    /* on retina, use image that's scaled by 2 */
    background-image: url($image);
    background-size: $width $height;
  }

MattWilcox

/* Lets not rely on paths in the database, they can be very wrong when moving between dev/stage/live environments */
/* The following two variables are backward to my thinking, but hey, what ya gonna do? */
define('WP_HOME', 'http://' . $_SERVER['HTTP_HOST'] . ''); // This is NOT the 'wordpress admin area' home, but the site's home
define('WP_SITEURL', 'http://' . $_SERVER['HTTP_HOST'] . '/SECRETDIRECTORY'); // This isn't the site's URL but the WordPress admin area URL

/* MySQL settings */
switch($_SERVER['SERVER_NAME']){
	// Your local machine's settings
	case 'mysite.local':
		define('DB_NAME', 'dev_mysite');

roine

/* normal flexbox */
.flexbox .flex-container {
        display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
}
.flexbox .flex-container.vertical {
	display: -webkit-flex;
	display: -moz-flex;

Wilto

( Conversation started here, with @murtaugh and @zeldman. )

Ah man, I got Opinions™ on this. I ususally go with something like:

<aside>
  <h1>Optional Heading</h1>
  <blockquote>
  	<p>It is the unofficial force—the Baker Street irregulars.</p>
	</blockquote>