Skip to content

Instantly share code, notes, and snippets.

View sorie's full-sized avatar
💭
I may be slow to respond.

lala sorie

💭
I may be slow to respond.
  • Seoul or Jeju island
View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:700);
body{
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
body{font-family:Helvetica}
div{width:300px;margin:auto}
p{border-top:2px dashed;border-color:blue !important;margin:0;padding:30px;counter-increment:section;position:relative}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div>The usefulness of nonsensical content
Dummy text is also used to demonstrate the appearance of different typefaces and layouts, and in general the content of dummy text is nonsensical. Due to its widespread use as filler text for layouts, non-readability is of great importance: human perception is tuned to recognize certain patterns and repetitions in texts. If the distribution of letters and 'words' is random, the reader will not be distracted from making a neutral judgement on the visual impact and readability of the typefaces (typography), or the distribution of text on the page (layout or type area). For this reason, dummy text usually consists of a more or less random series of words or syllables. This prevents repetitive patterns from impairing the overall visual impression and facilitates the comparison of different typefaces. Furthermore, it is advant
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
@sorie
sorie / getData.html
Last active November 14, 2018 06:51
xmlHttp로 데이터 조작하기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>get data</title>
</head>
<body>
<button id="chart_live" onclick="loadDoc('now');">실시간</button>
@sorie
sorie / gulpfile.js
Last active November 28, 2017 01:30
Using sass and pug of npm module
//
// sasstest gulpfile
//-----------------------------------------------------------
//== gulp Module
var gulp = require('gulp'),
concat = require('gulp-concat'),
pug = require('gulp-pug'),
sass = require('gulp-sass'),
watch = require('gulp-watch'),
@sorie
sorie / test.jade
Last active September 30, 2015 02:12
Test for Jade
doctype html
html(lang="ko-KR")
head
meta(http-equiv="X-UA-Compatible", content="IE=Edge")
title Jade 기본 문법
link(rel="stylesheet", href="css/style.css")
//html 속성을 추가할때는 속성 값을 괄호로 묶는다. 속성이 두개 이상이라면 콤마(,)로 구분한 후 속성을 추가한다. *콤마가 없어도 변환가능하다.
style.
body.main {
background-image: url(patterns/green_gobbler.png);
@sorie
sorie / gulpfile.js
Last active September 25, 2015 00:08
node.js와 gulp를 기반으로 한 jade 학습
"use strict";
/**
* 모듈 호출
* [gulp-if] - 조건 처리
* [gulp-rename] - 파일 이름 변경
* [gulp-connect] - 웹 서버
* [gulp-open] - 브라우저 오픈
* [gulp-jade] - jade 컴파일
* [del] - 폴더(디렉토리)/파일 제거
*/