Jay Holtslander JayHoltslander

Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.

For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.

Variables

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta charset='UTF-8'>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='subject' content='your website's subject'>
<meta name='copyright' content='company name'>

This re-styles your sublime text sidebar to be dark, it fits default Monokai theme.

Save the Default.sublime-theme file into packages/Theme - Default, make a backup of your original if you want to be able to go back easily.

Based on:

	<?php
	/**
	* Remove 'hentry' from post_class()
	*/
	function ja_remove_hentry( $class ) {
	$class = array_diff( $class, array( 'hentry' ) );
	return $class;
	}
	add_filter( 'post_class', 'ja_remove_hentry' );

	#301 Redirects for .htaccess

	#Redirect a single page:
	Redirect 301 /pagename.php http://www.domain.com/pagename.html

	#Redirect an entire site:
	Redirect 301 / http://www.domain.com/

	#Redirect an entire site to a sub folder
	Redirect 301 / http://www.domain.com/subfolder/

	<!-- using the truncate filter -->
	{% for post in site.posts limit:10 %}
	<h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
	<span class="post-date">{{ post.date \| date: "%B %d, %Y" }}</span>
	{% if post.content.size > 2000 %}
	{{ post.content \| truncatewords: 300 }} <!-- bad! content gives you rendered html and you will truncate in the middle of a node -->
	<a href="{{ post.url }}">read more</a>
	{% else %}
	{{ post.content }}
	{% endif %}

	#!/bin/bash -e
	clear
	echo "============================================"
	echo "WordPress Install Script"
	echo "============================================"
	echo "Database Name: "
	read -e dbname
	echo "Database User: "
	read -e dbuser
	echo "Database Password: "

	<?php

	// Initialize cURL
	$ch = curl_init();

	// The URL to load
	curl_setopt($ch, CURLOPT_URL, 'http://www.url-to-load.com');

	// Uncomment the following two lines to send POST data
	// curl_setopt($ch,CURLOPT_POST, count($post_data_array));

	.video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
	.video img { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; cursor: pointer; }
	.video:after { content: ""; position: absolute; display: block;
	background: url(play-button.png) no-repeat 0 0;
	top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; }
	.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	/* image poster clicked, player class added using js */
	.video.player img { display: none; }
	.video.player:after { display: none; }

	<!-- Bootstrap Markup -->
	<div class="container">
	<ul class="thumbnails" id="hover-cap"> <!-- add id attr to thumbnail list -->
	<li class="span3">
	<div class="thumbnail">
	<div class="caption">
	<h4>Caption Title</h4>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
	<p><a href="#" class="btn btn-inverse" rel="tooltip" title="Preview"><i class="icon-eye-open"></i></a> <a href="#" rel="tooltip" title="Visit Website" class="btn btn-inverse"><i class="icon-share"></i></a></p>
	</div>