Skip to content

Instantly share code, notes, and snippets.

View Niidomes's full-sized avatar

Niidomes Niidomes

View GitHub Profile
@Niidomes
Niidomes / datetime2
Created May 26, 2018 08:02
updatedを認識させる2
<time datetime="20**-06-02" itemprop="dateModified">20**年6月2日</time>
@Niidomes
Niidomes / vcard_author
Created May 26, 2018 05:52
authorを認識させる
<span class="vcard author"><span class="fn">ユーザー名</span></span>
@Niidomes
Niidomes / datetime
Created May 26, 2018 05:51
updatedを認識させる
<time class="entry-date date updated" datetime="2018-06-02">2018/6/2</time>
@Niidomes
Niidomes / viewport
Created April 15, 2018 12:12
ピンチ操作viewport記述例
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=2, user-scalable=yes">
@Niidomes
Niidomes / husen
Created March 24, 2018 05:50
付箋風(ドッグイヤー風)
.husen {
background-color:#87d8f4; position:relative; padding:1em; margin:4% auto; width:60%;
}
.husen::after {
content:''; position:absolute; bottom:0; right:0; border-width:0 0 18px 18px;
border-style:solid; border-color:#0366d6 #fff #fff #0366d6;
}
@Niidomes
Niidomes / redkakko
Last active March 24, 2018 04:50
Bigカッコ
/* Bigカッコ */
.redkakko {
position:relative; padding:15px 30px; margin:3% 0; display:inline-block;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.redkakko::before,.redkakko::after {
position:absolute; top:0; content:''; width:50px; height:100%; border-radius:50%;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.redkakko::before {
@Niidomes
Niidomes / haikagi1
Last active March 24, 2018 02:56
濃い灰色Bigカギカッコ
.haikagi1 {
position:relative; padding:12px 18px 8px 18px; margin:1% 3%;
-webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block;
}
.haikagi1::before,
.haikagi1::after {
position:absolute; content:''; width:30px; height:37px;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.haikagi1::before {
@Niidomes
Niidomes / disp@640
Last active March 24, 2018 02:28
PCだけorスマホだけ改行
@media screen and (min-width:640px){
.pc{
display:block;
}
.smap{
display:none;
}}
@media screen and (max-width: 640px){
.pc{
@Niidomes
Niidomes / zisage1
Created February 9, 2018 07:17
字下げ
p.zisage1{
text-indent:-1em;
padding-left:1em;
}
@Niidomes
Niidomes / us1
Last active February 9, 2018 07:16
上下に余白を作る
p.us1{
margin-bottom:1em;
margin-top:1em;
}