Skip to content

Instantly share code, notes, and snippets.

View sawadays0118's full-sized avatar

sawadays0118

View GitHub Profile
@sawadays0118
sawadays0118 / HTML
Created December 9, 2017 08:34
HTMLからはじめるWebパフォーマンス ref: https://qiita.com/sawadays0118/items/fadecabbafe9a21e148d
<head prefix="og: http://ogp.me/ns#">
@sawadays0118
sawadays0118 / file0.html
Last active March 11, 2016 19:35
最強のCSS設計（）のヒントになりそうな考え方いろいろ ref: http://qiita.com/sawadays0118/items/b8ee63a86cff5cdbadaa
<button class="icon -overkill">バリアントナイフ</button>
@sawadays0118
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
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
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
sawadays0118 / HTML5&nbsp;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
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
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
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
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%