mobrrowのブックマーク / 2012年10月5日

mobrrow id:mobrrow

2012年10月5日のブックマーク (4件)

[CSS]これは素敵なアイデア！borderを使ったCSS3アニメーションのテクニック
Simple yet amazing CSS3 border transition effects デモ実装デモデモはFirefox, Chrome, Safariなどのモダンブラウザでご覧ください。 IEはたぶん10でしょうか。デモは大きく分けて、3種類です。デモ下段最後は矩形のデモ、円形とは異なるアニメーションが楽しいです。実装 HTML HTMLは非常にシンプルでa要素にclassを指定するだけです。 <a href="#" class="one"></a> <a href="#" class="two"></a> <a href="#" class="three"></a> ... ... CSS まずは、共通のスタイルシートから。かわいい車の画像はdate:imageです。 a { background-image: url(data:image/gif;base
mobrrow 2012/10/05
webデザイン

CSS
リンク
cmmntr.com
This domain may be for sale!
mobrrow 2012/10/05
webデザイン
リンク
[HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル
文書構造って難しいですよねコーディングしていたら迷う事ってたくさんありますよね。「これは見出しなのかな」「この段落はどこまで段落なんだろう」「検索バーはどのタグで囲めばいいの？」等など、判断に詰まることはいくらでもあります。そしてその判断の迷路を抜け出た後も、ふと「このマークアップで本当に合ってんのかな」と再び迷いに陥ることも。エレメントの役割とタグの用途の正確な理解コーディングしているときに何故迷うか。これは、それぞれのパーツがそのサイト内にどういう役割で置かれているかをはっきりと定義できていない各タグの用途を理解できていないこのいずれか、または両方が出来ていないから起きる問題だと思います。エレメントの役割とタグの用途、この二つがはっきりしていればコーディングに迷う事はありません。…まあ(他にも納得の行かない組織ルールとかSEOを考慮した記述等があって)それは理想の話なんです
mobrrow 2012/10/05
webデザイン

HTML
リンク
100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 : LINE Corporation ディレクターブログ
こんにちは、ウェブサービス本部の宮澤です。私は現在、自社コンテンツ内で自社のサービスをPRするため自社広告の管理を担当しています。 NHN Japanには数多くのサービスが存在するため、常時20〜30の自社広告が運用されています。自社広告は細かく効果測定を行うことが可能なので、毎週5〜10のバナーを入れ替えながら最適化を図ったところ、コンバージョン率、クリック率など、ほぼすべての指標で広告効果が向上しました。自社広告の掲載メディアに関しても、livedoor、livedoorニュース、livedoor Blog、NAVER まとめ、各種アプリと多岐にわたっており、今では新規ユーザー獲得のための重要施策の一つとなっています。今回は100種類以上の自社広告を制作、運用してみてわかった、効果の高い広告クリエイティブを作るためのコツをご紹介します。 1. 笑顔 VS 泣き顔まずはLINEの自
mobrrow 2012/10/05
webデザイン

SEO
リンク
- 2012年10月6日
- 2012年10月5日
- 2012年10月4日