Snooze

autumnをスペルミスしたままエンターx2してしまいました。

2018-06-01から1ヶ月間の記事一覧

【WordPress】サイトマップをGoogle Search Consoleに登録してインデックスしてもらう

Google XML Sitemaps ここからダウンロード Google XML Sitemapsをセットアップ 基本的にそんないじらなくてよいような気がします。 投稿の優先順位 Change Frequencies 上記2つは設定した方が良いと思う。 Change Frequenciesは見てほしいページほど期間を…

【WordPress】記事に連番を付ける

降順 ループ外の上の方に ループ内の出力したい場所に ループ内の下の方に または function.phpに current_post+1; } ?> 出力したい場所に

ポイントとピクセルの変換

デザイナーさんに「この文字もう2ポイント上げてください」と言われて困惑したので。 実際に変換してみる ~中略~ 1pt = 1.33px らしいです。

【videoタグ】再生終了時の自動遷移

<video onended="location.href='example.html';"> <source src="example.mp4" type="video/mp4"></source> </video> その他 コントローラーの表示 <video controls></video> 自動再生 <video autoplay></video> 繰り返し <video loop></video> 無音 <video muted></video> 再生までに画像を表示させる <video poster="example.png"></video>

nth-of-typeとnth-childの違い

nth-of-type たとえば p:nth-of-type(3) { color: red; } <div> <h1>見出し</h1> <p>テキスト1</p> <p>テキスト2</p> <h2>見出し</h2> <p>テキスト3</p> <p>テキスト4</p> <p>テキスト5</p> <h2>見出し</h2> </div> 3番目のpがredになる。 nth-child p:nth-child(3) { color: red; } <div> <h1>見出し</h1> <p>テキスト1</p> <p>テキスト2</p> </div>

MacにSassとBracketsを導入

会社のWindowsには導入しましたが、自分のMacにはしていませんでした。 使い始めたばかりですが、もっと早くに導入すれば良かった。。 メリット 開発スピードの向上 これは体感してます。 入れ子 .box { width: 200px; border: solid 1px #ccc; p { line-hei…

レスポンシブの設定

html <head> <meta name="viewport" content="width=device-width,initial-scale=1"> </head> css @media (max-width: 480px) { スマートフォン/タブレット用 } @media (max-width: 768px) { タブレット用 }

clearfixの記述

.clearfix::after{ content: ""; display: block; clear: both; } 忘れがちです。

はてなブログの投稿の初期設定

Markdown書式 nohack-nolife.hatenablog.com jsstudy.hatenablog.com staff.hatenablog.com マークダウンって何ぞや。上記を参照せよ。 見出しのデザイン saruwakakun.com 業務でも度々参考にさせていただいています。