ソーシャルゲームのマークアップを主軸にした大規模開発用のHTML/CSS設計思想。
風呂 https://github.com/hiloki/flocss といったらシャワーだよねっていう
* *
＊ ＋ ネタです
n ∧＿∧ n
＋ (ﾖ（* ´∀｀）E)
Y Y ＊
Tenderfeel
Tenderfeel
/ _css-speech-bubble.styl
Last active
January 1, 2016 12:19
CSS Speech Bubble Mixin for Stylus
This file contains hidden or 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
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // CSS Speech Bubble Mixin (for stylus) | |
| // _bubble.scss | |
| // | |
| // http://jsdo.it/Tenderfeel/ApPq | |
| // http://cssdeck.com/labs/x0v5zniy | |
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // Bubble-tail | |
| // |
Tenderfeel
/ gist:8d3f9d79c356b59adcc2
Created
August 4, 2014 08:23
Flexible Box Layout Module utility (stylus)
This file contains hidden or 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
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // _flex.styl | |
| // | |
| // Flexible Box Layout Module | |
| // W3C Working Draft, 23 July 2009. stylus & BEMver | |
| // | |
| //--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
| // Flex | |
| // |
This file contains hidden or 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
| // Align | |
| // | |
| // インライン要素に有効。ブロック要素にはag-flexつかうよろし | |
| // | |
| // .align_c - center | |
| // .align_l - left | |
| // .align_r - right | |
| // | |
| // Markup: | |
| // <p class="{$modifiers}">center</p> |
This file contains hidden or 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
| /* | |
| abs | |
| position:absoluteによる配置 | |
| .abs ... ベース <br> | |
| .abs_mc ... marginによるcenteringの略 <br> | |
| .abs_mc_h ... marginによるセンタリング（horizontal) <br> | |
| .abs_mc_v ... marginによるセンタリング(vertical) <br> | |
| .abs_tc ... translateによるcenteringの略 <br> |
This file contains hidden or 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
| // Float | |
| // | |
| // floatの操作 | |
| // | |
| // .pull_l - left | |
| // .pull_r - right | |
| // .pull_c - clear | |
| // | |
| // Markup: |
This file contains hidden or 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
| // Nowrap | |
| // | |
| // テキストの折り返しを禁止して、かつ | |
| // テキストがエリアからはみ出る場合に最後の文字の後ろに...を加えて省略する | |
| // ブロック要素にのみ効果あり | |
| // | |
| // Markup: | |
| // <p class="text_nowrap" style="width:60px">ああああああああああああああああああ</p> | |
| // | |
| // Styleguide 3.5 |
This file contains hidden or 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
| // Centering | |
| // | |
| // display:blockにした上で左右marginをautoにする。 | |
| // | |
| // Markup: | |
| // <img class="center_block" width="80" height="80"> | |
| // | |
| // Styleguide 3.2 | |
| // | |
| .center_block |
Tenderfeel
/ loop.bat
Created
August 8, 2014 10:12
This file contains hidden or 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
| @echo off | |
| setlocal enabledelayedexpansion | |
| :start | |
| cls | |
| set COUNT=19 | |
| set innerColor=n | |
| set startCnt=2 |
This file contains hidden or 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
| /* | |
| grid | |
| flexと併用できる。<br> | |
| 親の横幅が基準になるので、marginやpaddingを指定しているとはみ出す。ag-flex_1の方がいい場合もあります。 | |
| http://getbootstrap.com/css/#grid | |
| ``` | |
| | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | |