mut00tumのブックマーク - はてなブックマーク

mut00tum id:mut00tum

ブックマーク / www.tam-tam.co.jp (3)

覚えるのはこれだけ！Pug(Jade)のよく使う9つの書き方｜ Tips Note by TAM
以前Pug(Jade)を使った制作環境を作る方法を紹介しました。 Pug(Jade)で効率的なマークアップ環境を作る今回はPugでマークアップをしていくときに、よく使う書き方を紹介します。ベースになるルールは9個あります。タグ名はHTMLタグになる改行をしてインデントをつければ入れ子になるインライン要素や改行にはパイプライン（|）を使う（ここだけ慣れが必要） HTMLはドット（.）で終わる要素の中に入れておけば解釈される属性は丸括弧内に記述するクラス属性はドット（.）、ID属性はシャープ（#）で表すコメントにはHTMLとして出力されるものと、されないものがあるイコール（=）を使えばエスケープできるインクルード（include [ファイル名へのパス]）で共通化したファイルを挿入できる Pugとはなにか？ Sassを使ってCSSを作成している人は多いと思いますが、PugはH
mut00tum 2018/09/25
Pug
リンク
Win8.1・Win10のIE11で、游書体(游明朝・游ゴシック)の余白がおかしい！どうする？｜ Tips Note by TAM
2016.09.26 Win8.1・Win10のIE11で、游書体(游明朝・游ゴシック)の余白がおかしい！どうする？案件で起きたことの覚書です。案件でのテキスト周りのルールは、テキストは明朝体で表示するテキストはシステムフォントで表示する（＝Webフォントは使わなくてよい）ボタン等は指示がない限りテキストで表示するだったので、font-familyを以下のように指定していました。 font-family: Century, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳＰ明朝","ＭＳ明朝",serif; システムフォントで表示するので、Windows8.1、Windows10、Macでは、游明朝が表示されることになります。流し込みのテキストだとまったく気になりませんが、CSSで作
mut00tum 2017/02/02
IE

font
リンク
Google AnalyticsでABテストをやってみる｜ Tips Note by TAM
GoogleAnalyticsでは、ページを最適化するためのABテストの機能が備わっています。 ※GoogleAnalyticsでは「ウェブテスト」と呼びます。ウェブテストでは、複数の異なるパターンを検証する事によってユーザーに、より効果的なキャッチコピーやボタン、サイト内の導線を検証する事ができます。今回はその「ウェブテスト」をご紹介していきたいと思います。 1.検証用のページを作成するオリジナルページから検証したい場所を1箇所変更したテストページを作成します。 ※テストする際は、複数箇所を変更してしまうと効果が見えにくくなってしまう為、変更箇所は1箇所にする事をおすすめします。（ウェブテストでのパターンは9つまで設定できます。）今回は、下記のようにボタンの色を変えたものを作成しました。 2.検証用のページを正規化するテストページがクローラーにインデックスされないように、
mut00tum 2013/12/11
テスト

Google Analytics

アクセス解析
リンク
1