syahrasi

{% if product.tags.size > 0 %}
<!-- START RELATED -->
<div id="related">
	<h6>{% if settings.related.size > 0 %}{{ settings.related | escape }}{% else %}Take a look at these great accessories:{% endif %}</h6>
	<!-- START SLIDER -->
	<div id="slider" class="clear">
		<!-- START PREV -->
		<div id="prev">
			<p><a href="/collections/all" class="inactive">Previous</a></p>
		</div>

syahrasi

function makeColorButtons(){
  
  var color_select = $('#product-select-option-0'),
      color_list = $('#colors').html("");

  color_select.find('option').each(function(i,el){

    var element = $(el);

syahrasi

History of Frontend Tooling

http://ln.hixie.ch/?start=1037910467&count=1

http://ln.hixie.ch/?start=1137740632&count=1

http://software.hixie.ch/utilities/js/live-dom-viewer/

http://joehewitt.com/2006/03/26/firebug-03-preview

syahrasi

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

$font-sizes: 6 7 8 9 10 11 12 14 16 18 21 24 36 48 60 72 84 96;
$selector-sizes: ".micro" ".milli" "h6, .zeta" "h5, .epsilon" "h4, .delta" "h3, .gamma" "h2, .beta" "h1, .alpha" ".kilo" ".mega" ".giga";
$base-font-size: 16;
$base-font-size-idx: index($font-sizes, $base-font-size);
$font-class-start-idx: $base-font-size-idx - 3;

syahrasi

// ---
// Compass (v0.13.alpha.4)
// Sass (v3.2.9)
// ---


$use-comments: true !default;

@mixin display_comments() {
    @if $use-comments {

syahrasi

/*
https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/
.ptn, .pvn, .pan { padding-top: 0px !important; }

.pts, .pvs, .pas { padding-top: 5px !important; }

syahrasi

<?php

$out = '';

// create a new form field (also field wrapper)
$form = $modules->get("InputfieldForm");
$form->action = "./";
$form->method = "post";
$form->attr("id+name",'subscribe-form');

syahrasi

# ignore temporary file
ignore /.*~/

notification :tmux,
  :display_message => true,
  :default_message_format => '%s >> %s',
  # the first %s will show the title, the second the message
  # Alternately you can also configure *success_message_format*,
  # *pending_message_format*, *failed_message_format*
  :line_separator => ' > ', # since we are single line we need a separator

syahrasi

Template Components

Used to provide structural templates.

Pattern

t-template-name
t-template-name--modifier-name
t-template-name__subcomponent-name--subcomponent-modifier-name

syahrasi

# ~/Gemfile

source "http://rubygems.org"

group :development do
  gem 'compass'            # Depends on Sass, will be installed automatically.
  gem 'compass-960-plugin' # 960.gs
  gem 'compass-validator'  # So you can `compass validate`.
  gem 'oily_png'           # Faster Compass sprite generation.
  gem 'css_parser'         # Helps `compass stats` output statistics.