はてなブログでgoogle adsenseのモバイルアンカー広告を設定する方法

デザインテク

こういうやつ。 google adsense側の設定「広告の設定」- 「自動広告」（鉛筆マークで設定変更自動で出したい広告のみチェックを入れる）保存、キャンセルで前のページに戻り、「自動広告を設定」でコードをコピーはてなブログ側の設定「設定」- 「詳…

2017-09-16

CSSでborder色を途中で切り替る

デザインテク

サンプル sass h2 padding-bottom: 8px position: relative border-bottom: 1px solid #dcdcdc &:after content: "." line-height: 0 display: block overflow: hidden position: absolute bottom: -1px width: 10% border-bottom: 1px solid #db5767 css h2…

2017-09-13

pug 書き方

デザインテク

[pug] p TOP br a(href="") テキストあああ [html]<p>TOP</p><br><a href="">テキストあああ</a> [pug] div.test |ああああああ br |ああああ [html] <div class="test">ああああああ<br>ああああ</div> [pug] - var list = ['link', 'image', 'text'] for item, index in list p #{item + index} [html] <div class="test">あああああ</div>…

2017-09-06

Windowsでnpmモジュールを削除する方法

デザインテク

ローカルにインストールしたフォルダを削除しようとしても、node_moduleディレクトリ配下のファイルパス名が長すぎて削除できない場合の対処法。プロジェクトフォルダを丸ごと削除して長すぎてうんたらかんたらとエラーが出たら、スキップし、残ったプラグ…

2017-01-26

z-indexが効かない時の対処法

デザインテク

z-indexを指定しても重なりの順序が変わらない時は、 z-indexを入れているボックスに position: relative; position: absolut; のどちらかを指定する必要があるようです。こんな感じ。 #section01 { position: relative; z-index: -1;}

2016-07-25