melomano

<nav class="main-nav" id="main-nav">
  <a href="#">This</a>
  <a href="#">Little</a>
  <a href="#">Piggy</a>
  <a href="#">Went</a>
  <a href="#">To</a>
  <a href="#">Market</a>
</nav>

<div class="page-wrap">

melomano

<div class="toggle">
  <input type="checkbox" id="toggle1" />
  <div class="toggle-handle"></div>
  <label for="toggle1" onclick></label>
</div>

melomano

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-repeat: no-repeat;
  vertical-align: middle;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  tap-highlight-color: rgba(0,0,0,0);
  -webkit-appearance: none;
  appearance: none;
  -webkit-focus-ring-color: rgba(0,0,0,0);

melomano

@import 'normalize.css';

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

melomano

/* 줄 단위 말 줄임 처리 */
.ellipsis-line {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;/* 줄 수 */
}

melomano

var formatMoney = function(nStr) {
		var x, x1, x2, rgx;
		nStr += '';
		x = nStr.split('.');
		x1 = x[0];
		x2 = x.length > 1 ? '.' + x[1] : '';
		rgx = /(\d+)(\d{3})/;
		while(rgx.test(x1)) {
			x1 = x1.replace(rgx, '$1' + ',' + '$2');
		}

melomano

<header>Header</header>
<ul>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>

melomano

var Data = function() {
	var warehouse = {};
	var count = 1;
	return {
		reset: function() {
			count = 1;
			warehouse = {};
		},
		set: function(dom, data) {
			if(!dom.__data) {

melomano

/**
 * AJAX 로 HTML 가져오기
 * @param  {String} html     가져올 HTML 파일명
 * @param  {String} targetId HTML 을 삽입할 곳의 ID. 지정 안 하면, body 종료 엘리먼트 바로 앞에 삽입.
 */
var ajaxGetHtml = function(html, targetId, callback) {
	var xmlhttp = new XMLHttpRequest();
	xmlhttp.open('GET', html + '.html', true);
	xmlhttp.send();
	xmlhttp.onreadystatechange = function() {

melomano

var now = new Date(),
	nowYear = now.getFullYear(),
	nowMonth = now.getMonth(),
	nowDate = now.getDate();


// 캘린더
// 사용법: Calendar.drawCal(year, month, document.getElementById('calendar-body'));
// month 는 0부터 11까지임.
var Calendar = {