Nadee Talagala nadee-org

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'>

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

Directory structure for JavaScript/Node Projects

While the following structure is not an absolute requirement or enforced by the tools, it is a recommendation based on what the JavaScript and in particular Node community at large have been following by convention.

Beyond a suggested structure, no tooling recommendations, or sub-module structure is outlined here.

Directories

lib/ is intended for code that can run as-is
src/ is intended for code that needs to be manipulated before it can be used

I really liked @tjvantoll article Handling Failed HTTP Responses With fetch(). The one thing I found annoying with it, though, is that response.statusText always returns the generic error message associated with the error code. Most APIs, however, will generally return some kind of useful, more human friendly message in the body.

Here's a modification that will capture this message. The key is that rather than throwing an error, you just throw the response and then process it in the catch block to extract the message in the body:

fetch("/api/foo")
  .then( response => {
    if (!response.ok) { throw response }
    return response.json()  //we only get here if there is no error
 })

	#!/bin/bash

	# store the current dir
	CUR_DIR=$(pwd)

	# Let the person running the script know what's going on.
	echo "\n\033[1mPulling in latest changes for all repositories...\033[0m\n"

	# Find all git repositories and update it to the master latest revision
	for i in $(find . -name ".git" \| cut -c 3-); do

	/**
	* Progressive Enahncement to use SVG sprites with PNG fallback for IE6+7
	*
	* The trick:
	* Legacy IE does not support rgba values.
	* By defining a rgba background color together with the
	* SVG background image for all modern browsers, legacy IE
	* will ignore the SVG and use the
	* first background definition containing the fallback PNG
	*

	// # Mocha Guide to Testing
	// Objective is to explain describe(), it(), and before()/etc hooks

	// 1. `describe()` is merely for grouping, which you can nest as deep
	// 2. `it()` is a test case
	// 3. `before()`, `beforeEach()`, `after()`, `afterEach()` are hooks to run
	// before/after first/each it() or describe().
	//
	// Which means, `before()` is run before first it()/describe()

	var gulp = require('gulp'),
	gutil = require('gulp-util'),
	sass = require('gulp-sass'),
	rubysass = require('gulp-ruby-sass'),
	fileinclude = require('gulp-file-include'),
	rename = require('gulp-rename'),
	notify = require('gulp-notify'),
	livereload = require('gulp-livereload'),
	lr = require('tiny-lr'),
	connect = require('gulp-connect'),


	var extname = require('path').extname;
	var Metalsmith = require('metalsmith');
	var myth = require('myth');
	var http = require('http');
	var templates = require('metalsmith-templates');
	var markdown = require('metalsmith-markdown');
	var watch = require('metalsmith-watch');

	/**

	// Gulp module imports
	import {src, dest, watch, parallel, series} from 'gulp';
	import del from 'del';
	import livereload from 'gulp-livereload';
	import sass from 'gulp-sass';
	import minifycss from 'gulp-minify-css';
	import jade from 'gulp-jade';
	import gulpif from 'gulp-if';
	import babel from 'gulp-babel';
	import yargs from 'yargs';