sawadays0118’s gists

sawadays0118 / HTML

Created December 9, 2017 08:34

HTMLからはじめるWebパフォーマンス ref: https://qiita.com/sawadays0118/items/fadecabbafe9a21e148d

sawadays0118 / file0.html

Last active March 11, 2016 19:35

最強のCSS設計（）のヒントになりそうな考え方いろいろ ref: http://qiita.com/sawadays0118/items/b8ee63a86cff5cdbadaa

<button class="icon -overkill">バリアントナイフ</button>

sawadays0118 / file0.html

Last active January 15, 2016 15:13

display:table-cell;を安易に使うべきでない理由いろいろ ref: http://qiita.com/sawadays0118/items/4c329fd05cdff14ffebc

	<section>
	<h2>table-cell</h2>
	<ul class="gridTable05">
	<li><a href="#">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</a></li>
	<li><a href="#">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</a></li>
	<li><a href="#">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</a></li>
	<li><a href="#">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</a></li>
	<li><a href="#">テキストテキストテキストテキストテキストテキスト</a></li>
	</ul>
	</section>

sawadays0118 / file0.js

Created January 8, 2016 15:21

ユーザーエージェントに依存しない、JavaScriptでのブラウザハックまとめ ref: http://qiita.com/sawadays0118/items/325022cb987412d95a4b

	var supportHack = (function() {
	return {
	IE9:document.uniqueID && document.documentMode == 9,
	IE10:document.uniqueID && document.documentMode == 10,
	IE11:document.uniqueID && document.documentMode == 11,
	Trident:document.uniqueID,
	Edge:'-ms-scroll-limit' in document.documentElement.style && '-ms-ime-align' in document.documentElement.style && !window.navigator.msPointerEnabled,
	Gecko:'MozAppearance' in document.documentElement.style,
	Presto:window.opera,
	Blink:window.chrome && window.chrome.webstore,

sawadays0118 / CoLT

Created January 4, 2016 14:46

FirefoxのWeb制作向けアドオンまとめ ref: http://qiita.com/sawadays0118/items/4a0947b5c168cad328de

<a herf="http://qiita.com/">http://qiita.com/</a>

sawadays0118 / HTML5 Boilerplate

Last active November 10, 2017 08:28

Sassで使えるIE向けCSSハックまとめ ref: http://qiita.com/sawadays0118/items/b2724161ef4ade430b2f

	<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
	<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
	<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
	<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

sawadays0118 / gulpfile.js

Last active February 17, 2016 09:23

【gulp】livereloadxを実行する ref: http://qiita.com/sawadays0118/items/7e953244a9543d5b6be1

	var gulp = require('gulp'),
	exec = require('child_process').exec;

	gulp.task('livereloadx', function(){
	exec('livereloadx -s -p 8000');
	});

	gulp.task('livereloadx', ['livereloadx']);

sawadays0118 / css

Last active August 29, 2015 14:15

細かすぎて伝わらないCSSのコダワリ選手権 ref: http://qiita.com/sawadays0118/items/109b19efeab6775b9553

	.hide-text {
	height:0px;
	width:120px;
	padding-top:20px;
	overflow: hidden;
	line-height: 10;
	background: url("/images/xxxx.jpg") 0 0 no-repeat;
	}

sawadays0118 / example.css

Last active August 29, 2015 14:13

HTML,CSSコーディングで気をつけたい基本的なポイント ref: http://qiita.com/sawadays0118/items/4720d9c0d44e937fb2c2

	ul > li { margin-bottom: 12px; }
	ul > li:last-child { margin-bottom: 0; }

sawadays0118 / auto_date_dir.bat

Created December 26, 2014 16:10

【Windows】Web制作で役立ちそうなbatファイル色々 ref: http://qiita.com/sawadays0118/items/ab2fa9cbbbf052ac6102

	set dirname=%DATE:/=%
	mkdir %~dp0%dirname%