trongthanh

#!/bin/bash

# NOTE: The commands here only applicable for Ubuntu 16.04 Xenial, do not use it for other distros

# Update server to latest packages
sudo apt update && sudo apt upgrade -y

# Install nginx and git
sudo apt install -y nginx git

trongthanh

/**
 * Client-side GraphQL data fetch example with HTML5 Fetch API
 *
 * @param  {String} url     URL to the GraphQL endpoint
 * @param  {String} query   The GraphQL query
 * @return {Promise}        the request resolving promise object
 */
function fetchData(url = 'http://localhost:3000/graphql', query = '{ hello }') { //eslint-disable-line no-unused-vars
	let requiredHeaders = new Headers({
		'Content-Type': 'application/json',

trongthanh

I'm not recommending nor disapproving any of these libraries. I'm listing these libraries / frameworks for just the fact that they were created by Vietnamese developers and I respect them for their hardwork and sharing with community:

1. HTMLJS by nhanfu: A MVVM framework
2. jQuery.longShadow by dangvanthanh: A jQuery plugin to create long casting shadows on text
3. SickelS by singggum3b: A responsive web framework

trongthanh

/* Animations plus animations/transitions */
/* ref: http://mattwilcox.net/sandbox/css3-animations-1/index.htm */
/* also ref: http://css-tricks.com/restart-css-animation/ */
.animate-on-load {animation: bgcolor 3s;}
.animate-on-hover:hover {animation: bgcolor 3s;}
.animate-on-hover2:hover {animation: bgcolor2 3s;} /* change anim name */
.animate-on-hover3:hover {animation: bgcolor 2.9s;} /* change duration */
.animate-on-hover4:hover {animation: bgcolor 3s 2;} /* change iteration-count */
.transition-on-hover {transition: background-color 2s;}
.transition-on-hover:hover {background-color: #777;}

trongthanh

/**
 * Position Property & Absolute Positioning Context Demo
 */
div {
	padding: 10px;
}
.main {
	width: auto;
	border: 5px solid lightgreen;	
	background-color: AliceBlue;

trongthanh

define(
	['TodoItem'],

	function(TodoItem) {
	'use strict';
	// constants
	var ENTER_KEY = 13;

	function AppView($el) {
		this.$el = $el;

trongthanh

/*jshint node: true*/
module.exports = function (grunt) {
	'use strict';
	// mannual grunt task loading:
	grunt.loadNpmTasks('grunt-contrib-watch');
	grunt.loadNpmTasks('grunt-contrib-connect');

	// install and turn on package below to automatically load grunt tasks listed in the initConfig
	// require('load-grunt-tasks')(grunt);

trongthanh

/**
 * Position Property & Positioning Context Demo
 */
div {
	padding: 10px;
	/*NOTE: box-sizing is natural (content-box)*/
}
.main {
	width: auto;
	border: 5px solid lightgreen;	

trongthanh

/**
 * Position Property & Positioning Context Demo
 */
div {
	padding: 10px;
}
.main {
	width: auto;
	border: 5px solid lightgreen;	
	background-color: AliceBlue;

trongthanh

/**
 * Stacking Context Demo
 */
* { box-sizing: border-box; }
body { font-size: 20px; font-family: sans-serif; }
div {
	border: 1px dashed black;
	min-width: 10em;
	min-height: 5em;
	padding: 0.5em 1em;