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
/ 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> |
sawadays0118
/ file0.js
Created
January 8, 2016 15:21
ユーザーエージェントに依存しない、JavaScriptでのブラウザハックまとめ ref: http://qiita.com/sawadays0118/items/325022cb987412d95a4b
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 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
/ file0.html
Last active
January 15, 2016 15:13
display:table-cell;を安易に使うべきでない理由いろいろ ref: http://qiita.com/sawadays0118/items/4c329fd05cdff14ffebc
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
| <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> |
OlderNewer