sawadays0118
sawadays0118
/ _grid.css
Last active
August 29, 2015 14:11
【Sass】固定と可変どちらもいける簡単グリッドシステム【Mixin】 ref: http://qiita.com/sawadays0118/items/8dccaf00a7452ee41295
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .easyGrid { *zoom: 1; width: 102.9703%; margin-left: -2.9703%; } | |
| .easyGrid:before, .easyGrid:after { content: ""; display: table; } | |
| .easyGrid:after { clear: both; } | |
| .easyGrid > * { float: left; width: 13.66337%; margin-left: 2.9703%; } | |
| .easyGrid > *.gridCol02 { width: 30.29703%; } | |
| .easyGrid > *.gridCol03 { width: 46.93069%; } | |
| .easyGrid > *.gridCol04 { width: 63.56436%; } | |
| .easyGrid > *.gridCol05 { width: 80.19802%; } | |
| .easyGrid > *.gridCol06 { width: 96.83168%; } | |
| .easyGrid > *:first-child + * + * + * + * + * ~ * { margin-top: 20px; } |
sawadays0118
/ _mixin.scss
Last active
August 29, 2015 14:11
【Sass】IE8以上対応の縦横中央揃え【Mixin】 ref: http://qiita.com/sawadays0118/items/b44c2082560242b74f74
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // * Vartical & Horizontal Centering (IE8 and above. use :before.) | |
| @mixin vh-center { | |
| text-align: center; | |
| &:before { | |
| content: ""; | |
| display: inline-block; | |
| vertical-align: middle; | |
| height: 100%; | |
| } | |
| & > * { |
sawadays0118
/ Default(Windows).sublime-keymap
Last active
August 29, 2015 14:11
【Sublime Text】<br>タグをショートカットキー入力【Emmet】 ref: http://qiita.com/sawadays0118/items/d49ef6168f52c3015731
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
| { | |
| "keys": ["shift+enter"], "command": "run_macro_file", "args": { | |
| "file": "Packages/User/emmet_br.sublime-macro" | |
| } | |
| } |
sawadays0118
/ Default(Windows).sublime-keymap
Created
December 21, 2014 14:56
【Sublime Text】簡単フォントサイズ指定【Emmet】 ref: http://qiita.com/sawadays0118/items/58675eac9a22477644b1
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "keys": ["ctrl+alt+f"], "command": "run_macro_file", "args": { | |
| "file": "Packages/User/easy_fontsize.sublime-macro" | |
| } | |
| } |
sawadays0118
/ auto_date_dir.bat
Created
December 26, 2014 16:10
【Windows】Web制作で役立ちそうなbatファイル色々 ref: http://qiita.com/sawadays0118/items/ab2fa9cbbbf052ac6102
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| set dirname=%DATE:/=% | |
| mkdir %~dp0%dirname% |
sawadays0118
/ example.css
Last active
August 29, 2015 14:13
HTML,CSSコーディングで気をつけたい基本的なポイント ref: http://qiita.com/sawadays0118/items/4720d9c0d44e937fb2c2
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ul > li { margin-bottom: 12px; } | |
| ul > li:last-child { margin-bottom: 0; } |
sawadays0118
/ css
Last active
August 29, 2015 14:15
細かすぎて伝わらないCSSのコダワリ選手権 ref: http://qiita.com/sawadays0118/items/109b19efeab6775b9553
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .hide-text { | |
| height:0px; | |
| width:120px; | |
| padding-top:20px; | |
| overflow: hidden; | |
| line-height: 10; | |
| background: url("/images/xxxx.jpg") 0 0 no-repeat; | |
| } |
sawadays0118
/ gulpfile.js
Last active
February 17, 2016 09:23
【gulp】livereloadxを実行する ref: http://qiita.com/sawadays0118/items/7e953244a9543d5b6be1
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var gulp = require('gulp'), | |
| exec = require('child_process').exec; | |
| gulp.task('livereloadx', function(){ | |
| exec('livereloadx -s -p 8000'); | |
| }); | |
| gulp.task('livereloadx', ['livereloadx']); |
sawadays0118
/ HTML5 Boilerplate
Last active
November 10, 2017 08:28
Sassで使えるIE向けCSSハックまとめ ref: http://qiita.com/sawadays0118/items/b2724161ef4ade430b2f
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!--[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
/ CoLT
Created
January 4, 2016 14:46
FirefoxのWeb制作向けアドオンまとめ ref: http://qiita.com/sawadays0118/items/4a0947b5c168cad328de
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a herf="http://qiita.com/">http://qiita.com/</a> |
OlderNewer