kmokidd kmokidd

## clearfix hack
/* new clearfix */
.clearfix
    visibility: hidden
    display: block
    font-size: 0
    content: " "
    clear: both
    height: 0
    *zoom:1


## font-family
font-family:
  /* 西文 */
  -apple-system, BlinkSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helevetica, Arial,
  /* 中文 */
  "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;

## server.js
var http = require("http"),
    url = require("url"),
    path = require("path"),
    fs = require("fs");

http.createServer(function (req, res) {
  var pathname=__dirname+url.parse(req.url).pathname;
  if (path.extname(pathname)=="") {
    pathname+="/";
  }

## index.html
<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->

## n*n Image View
.image-wall-wrapper{
  font-size: 0;
}
.image-wall-wrapper .image-item{
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  /*25% is for 4*4*/
  width: 25%;
  /*padding-top has the same value to width*/

## meta-tags.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                kmokidd
                / meta-tags.md
            
            
              Last active
              August 29, 2015 14:12
                — forked from lancejpollard/meta-tags.md
            
          
    Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/
Basic HTML Meta Tags

<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">
<meta name="language" content="ES">

  
## text overflow
/* method 1 */
.parent-wrapper{
  width: 100px; /*set by yourself*/
  line-height: 1.05;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* method 2 */

## rm-iOS-default-style.css
html{
  -webkit-touch-callout: none;
  touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

## ie8-opacity.css
/* opacity is .8 */
.op{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
  opacity: 0.8\0;
}

## 禁止横屏.css
@media (orientaion: landscape){
  body{
    transform: rotate(-90deg);
  }
}
	/* new clearfix */
	.clearfix
	visibility: hidden
	display: block
	font-size: 0
	content: " "
	clear: both
	height: 0
	*zoom:1
	font-family:
	/* 西文 */
	-apple-system, BlinkSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helevetica, Arial,
	/* 中文 */
	"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
	var http = require("http"),
	url = require("url"),
	path = require("path"),
	fs = require("fs");

	http.createServer(function (req, res) {
	var pathname=__dirname+url.parse(req.url).pathname;
	if (path.extname(pathname)=="") {
	pathname+="/";
	}
	<!doctype html>
	<html class="no-js" lang="">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Place favicon.ico and apple-touch-icon(s) in the root directory -->
	.image-wall-wrapper{
	font-size: 0;
	}
	.image-wall-wrapper .image-item{
	display: inline-block;
	background-size: cover;
	background-repeat: no-repeat;
	/25% is for 44*/
	width: 25%;
	/padding-top has the same value to width/
	/* method 1 */
	.parent-wrapper{
	width: 100px; /set by yourself/
	line-height: 1.05;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	}

	/* method 2 */
	html{
	-webkit-touch-callout: none;
	touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	}
	/* opacity is .8 */
	.op{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter: alpha(opacity=80);
	opacity: 0.8\0;
	}
	@media (orientaion: landscape){
	body{
	transform: rotate(-90deg);
	}
	}