Neri Barnini jiin

Deploy your site with git

This gist assumes:

you have a local git repo
with an online remote repository (github / bitbucket etc)
and a cloud server (Rackspace cloud / Amazon EC2 etc)
- your (PHP) scripts are served from /var/www/html/
- your webpages are executed by apache
apache's home directory is /var/www/

Each of these commands will run an ad hoc http static server in your current (or specified) directory, available at http://localhost:8000. Use this power wisely.

Discussion on reddit.

Python 2.x

$ python -m SimpleHTTPServer 8000

AngularJS Directive Attribute Binding Explanation

When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.

Raw Attribute Strings

<div my-directive="some string" another-param="another string"></div>

CSS units

Recommendations of unit types per media type:

Media	Recommended	Occasional use	Infrequent use	Not recommended
Screen	em, rem, %	px	ch, ex, vw, vh, vmin, vmax	cm, mm, in, pt, pc
Print	em, rem, %	cm, mm, in, pt, pc	ch, ex	px, vw, vh, vmin, vmax

Relative units

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

	CREATE TABLE IF NOT EXISTS `country` (
	`id` int(11) NOT NULL AUTO_INCREMENT,
	`iso` char(2) NOT NULL,
	`name` varchar(80) NOT NULL,
	`nicename` varchar(80) NOT NULL,
	`iso3` char(3) DEFAULT NULL,
	`numcode` smallint(6) DEFAULT NULL,
	`phonecode` int(5) NOT NULL,
	PRIMARY KEY (`id`)
	) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

	var dns = require('dns');

	function reverseLookup(ip) {
	dns.reverse(ip,function(err,domains){
	if(err!=null) callback(err);

	domains.forEach(function(domain){
	dns.lookup(domain,function(err, address, family){
	console.log(domain,'[',address,']');
	console.log('reverse:',ip==address);

	<script type="text/ng-template" id="one.html">
	<div>This is first template</div>
	</script>

	<script type="text/ng-template" id="two.html">
	<div>This is second template</div>
	</script>

	# sleepy flower girl
	(◡ ‿ ◡ ✿)

	# y u no
	ლ(ಠ益ಠლ)

	# smiling breasts
	（^人^）

	# flipping tables

	/*
	This script attempts to identify all CSS classes mentioned in HTML but not defined in the stylesheets.

	In order to use it, just run it in the DevTools console (or add it to DevTools Snippets and run it from there).

	Note that this script requires browser to support `fetch` and some ES6 features (fat arrow, Promises, Array.from, Set). You can transpile it to ES5 here: https://babeljs.io/repl/ .

	Known limitations:
	- it won't be able to take into account some external stylesheets (if CORS isn't set up)
	- it will produce false negatives for classes that are mentioned in the comments.