タグ

ブックマーク / mbdb.jp (3)

  • Google Analytics連携でアクセスランキングを作れる「Ranklet」の汎用テンプレートを作ってみた件

    Movable Typeをはじめとして、アクセスランキングを導入しにくいブログやウェブサイトに、簡単にそれを導入できる「Rankletランクレット」というのをご存知でしょうか? Google Analyticsと連携させて、所定のコードをテーマファイルにコピペするだけというお手軽なウィジェットサービスです。 先日、ネタフルでも紹介されましたが、非常に簡単に導入できる上、効果測定もしっかりできるという、かなり利便性の高いサービスです。 詳細はネタフルの記事でどうぞ。 「Ranklet(ランクレット)」ブログにGoogleアナリティクスによるアクセスランキングをウィジェットで導入 → 手軽すぎる上にすぐに効果が出てこれは素晴らしい! – ネタフル ネタフルを1カラムにし、非常にシンプルなデザインになっておりますが、さらなるカスタマイズはしたいといつでも考えています。記事のアクセスランキング機能

    Google Analytics連携でアクセスランキングを作れる「Ranklet」の汎用テンプレートを作ってみた件
    fugashi
    fugashi 2016/02/03
  • Facebook Like Boxを可変レイアウトにして横幅ピッタリにするカスタマイズCSS

    昨日公開した当ブログのスマートフォン版デザイン。 このデザインを作成するにあたって、ちょっとカスタマイズしたのが、Facebookのソーシャルプラグイン「Like Box」です。 デフォルトだと固定幅レイアウトになるので、スマートフォンサイトでは可変幅になるようCSSで調整しました。その実装方法をご紹介します。 Page Pluginでは不要です 追記 「Like Box」が取下げられ、その代替として「Page Plugin」というソーシャルプラグインが登場しました。 こちらのプラグインは、最大幅が500pxしかありませんが、自動的にデバイスに合わせて幅が可変されるようになっており、記事で紹介しているカスタマイズが不要になります。 「Like Box」は今後一切使えなくなりますので、速やかに新しいコードへ移行することをオススメします。 実装するとこんな感じになります! まずは縦向きで表示

    Facebook Like Boxを可変レイアウトにして横幅ピッタリにするカスタマイズCSS
  • 3キャリア共通のモバイルサイトコーディングにおけるポイント

    MT4i3.0.8X1の公開後、テンプレートセット作ったりしてますが、中には自分でコーディングしたい!って人もいると思われます。 そんな人のために、既に情報としてはいろいろなところで出ているんですが、一応3キャリア(i-mode/EZweb/Yahoo!ケータイ)共通のコーディングのポイントを纏めておこうかなと。 別にMT4i3.0.8X1だけじゃなく、普通にどんなモバイルサイトのコーディングでも使えます。 一応、注意点をまず述べておくと、XHTMLに対応しているのは、 docomoのFOMA端末 auのWIN端末 softbankの3GC端末 という、いわゆる上位端末になります。古い下位機種では利用できません。 最近は下位端末を利用している人は少なくなりましたし、仮に利用していてもまずネット閲覧にケータイを使う目的ではないので、このあたりは非対応でも問題ないかなと考えています。 次に全体

    3キャリア共通のモバイルサイトコーディングにおけるポイント
  • 1