かみーゆ yuririn
yuririn
/ gist:b0512b5de7cb7f7adf5bcd99e9966e35
Last active
April 28, 2017 23:42
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
| doctype html | |
| html(lang="ja") | |
| head | |
| meta(charset="utf-8") | |
| title Pugレッスン | |
| body | |
| h1 Pug始めました | |
| main.main | |
| p Pugでhtml作ったよ |
yuririn
/ gist:2c4a500554146edf6227c926b2ef792e
Created
April 29, 2017 00:03
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: a(href="#") List01 | |
| li: a(href="#") List02 | |
| li: a(href="#") List03 |
yuririn
/ gist:14b1b902aa0424e30a380886603a2708
Created
April 29, 2017 00:05
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
| #id-name DivタグにIDを振る | |
| .class-name DivタグにClassをつける |
yuririn
/ gist:fd35d0328708fd337242fdbeb56c0a98
Created
April 29, 2017 00:10
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 | |
| - for (var i = 0; i <= 3; i++) { | |
| .item | |
| li List0#{i} | |
| - } |
yuririn
/ gist:614e290eca47f985631e5f8ad97809a9
Last active
April 30, 2017 17:21
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 url = "//www.example.com/"; | |
| a(href=url) トップページ | |
| a(href=url + "contact/") お問い合わせ |
yuririn
/ gist:06d5d22ae5ef240a273c9f0ce15dddf8
Last active
April 30, 2017 17:22
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 title = { home: "トップページ" } | |
| if title.home | |
| h2 #{title.home} | |
| else | |
| h2 title.lower |
yuririn
/ gist:2c4cd588ff0ca1171851c930ee4f8dfd
Last active
June 9, 2017 02:24
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
| /* css */ | |
| .list-family ol{ | |
| list-style: none; | |
| counter-reset: cnt; | |
| padding-left: 0; | |
| } | |
| .list-family ol li{ | |
| margin-bottom: 8px; | |
| } | |
| .list-family ol li::before{ |
yuririn
/ gist:71c9ddb723ea62ad68e56f027bc89d52
Last active
June 9, 2017 02:25
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
| /* css */ | |
| .numbering { | |
| margin: 0; | |
| counter-reset: number; | |
| } | |
| .numbering h2::before { | |
| counter-increment: number; | |
| content: counter(number); | |
| padding-right: 5px; | |
| } |
yuririn
/ gist:e23b4efffaef4ea5ecc136e84c94273e
Last active
June 9, 2017 02:25
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 author = ['ゆうさん', 'ゆきぱんだ', 'Tantan', 'かみーゆ', 'しゃーまん'] | |
| ul | |
| each item, index in author | |
| li #{index + item} |
yuririn
/ gist:03b9617355120cff4b58ca064f36772f
Last active
June 9, 2017 02:25
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
| //- ごちゃ混ぜ | |
| p こんにちは。<br>フロントエンドエンジニアの <strong>かみーゆ</strong> です。 | |
| //- =でコンテンツを渡す | |
| p= 'こんにちは。フロントエンドエンジニアのかみーゆです。' | |
| //- エスケープ | |
| p= '段落は<p>タグで囲みます' | |
| //- エスケープしたくない |
OlderNewer