新Facebookページ 効果的なタイムラインデザイン！ | 世界中の1%の人々へ
新Facebookページのタイムラインの主役はカバー写真！ 3月末にFacebookページがタイムラインに強制的に切り替わります。今までのウェルカムページはまったく意味がなくなりました。代わって重要性をもたらすのが、カバー写真とボタンです。 というかデザインするところはその２点しかありません。コンテンツはもちろん重要ですが、まずは、効果的なカバーとボタンで購読者を惹きつけましょう！ ということで、今日のブログではカバー写真の追加、ボタンの順序の入替、ボタン画像の変更を中心に解説します。準備してる人はもちろん、まだ準備してない人も参考にしてください。 カバー画像のないタイムラインは、まったく魅力を感じない！ 全てのFacebookページは2012年3月末に、画像のような状態に切り替わります。プロフィールアイコンがぽつんとあるだけで、これではまったく魅力を感じません。 3月末に間に合うよう
クールで商用利用可能なCCライセンスの写真の探し方！: 世界中の１％の人々へ
"Orma woman with child" photo by Dalmar Abd Some rights reserved. その写真、著作権大丈夫？合法的に写真を使うならCCライセンス！ ブログを書いてる方でタイトル画像等の写真を探すのに困ってる方も多いと思います。かといって、Google Imageでよい写真があったからといって勝手に利用してよいものではありません。また、個人用途であっても、広告を入れたブログは商用と見なされます。 そこで、利用条件に基づきクレジット表示さえ入れれば商用利用であっても、無料で利用できるCCライセンス（クリエイティブ・コモンズ・ライセンス）の写真を利用しましょう。 今日のブログでは、とてもクールなCCライセンスの写真ライブラリーの歩き方を紹介します。 ※以前書きました「フリーで使える商用写真の効率的な５段階の探した方」というブログ記事も写真探しのTI
異なるブラウザでフォントサイズが同じに見える方法を実験してみた: 世界中の１％の人々へ
2009年11月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 文字サイズ100%でもブラウザによって基本文字サイズが違う。 画像は、このブログを異なるブラウザで開いたスクリーンショットを比較できるようにしたもの。左からInternet Explorer 8.0、Firefox3.5.5、Opera!10.01、Safari4.0.4、Google chrome3.0.195.33で、すべてWindows。 Firefoxの文字サイズが小さいことが一目瞭然。 CSSはこう指定してある。 ◇ベースフォントCSS body { font:100%; arial,helvetica,clean,sans-serif;←モダンブラウザ用 *font-size:medium;←IE
最小努力で最大効果の望めるmixiチェックボタンの簡単設定！: 世界中の１％の人々へ
2011年4月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 mixiチェックに投稿するだけならOGPの設定はいらない。 今日のブログは、設定の敷居が高いと言われるmixiチェックのボタンの実装です。デベロッパー登録するのが面倒で、今まで避けてきましたが、mixiはなんといっても日本最大のソーシャルメディアサービスですので無視するわけにもいきません。 重い腰をあげてブログに設定してみましたら、案ずるより産むが易しとはこの事ですね。登録から動作確認まで30分とかからにできました(笑)。 ところで、mixiチェックボタンを導入したブログ等を読むと「名前空間」とか「OGP（Open Graph protocol）」という言葉がでてきますが、mixiチェックに投稿するだけであれ
Facebookはアプリにで自由に機能拡張できるSNSである: 世界中の１％の人々へ
2011年1月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 アプリを使わないFacebookはプラグインを入れないCMSのようなものだ。 今日は前回の記事「Facebookの時代はそこまで来ている」の続きです。FacebookをTwitterと同じようSNSだと見ているマーケッターが多くて「友達1万人作って…」とか「コミュニケーションを…」とか、その程度の利用方法しか思いつかないのかなと残念に思います。Facebookはそれだけしかできないチープなもんじゃないですよ。Web担当者＆Web制作者のみなさん！ まず、Facebookを活用する上で理解してもらいたいのは、アプリで自由に機能拡張できるSNSであるということです。わかりやすく言えば、アプリを利用しないFace
CSS Nite LP, Disk 7「IAスペシャル」話を通じてみたゲストのキャラクター: 世界中の１％の人々へ
2009年9月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 IAだけでなく、6名のゲストの異なるキャラクターが楽しめた1日。 2009年9月12日土曜日、CSS Nite LP, Disk 7「IAスペシャル」に出かけてきた。写真は左から、安藤さん、長谷川さん（コンセント）、坂本さん（ネットイヤー）で、懇親会の締めの一コマ。セミナーは、Twitterでリアルに書いたし、みんなも書いてるから、僕は、今回は、懇親会を舞台に、全員のゲストの人たちと話をさせていただいたので、個性溢れるキャラクターに触れてみたいと思う。 CSS Nite LP, Disk 7「IAスペシャル」の内容を知りたい方は下記リンクへ飛んでほしい。 CSS Nite LP, Disk 7「IAスペシャル」終
WordPress 3.0はよくない！出来がよすぎて努力を忘れる: 世界中の１％の人々へ
Movable Type 4.2のブログデータ1340エントリーをWordPress 3.0ベータ1に移植してみた。 WordPress 3.0ベータ1日本語版が4月8日に出たので、ローカルサーバーにインストールして触っただけでなく、ついでにこのブログの1340エントリーを完全移植してみました。結論から言えば他CMSに関わる人間にとっては、おもしろくない出来です。WordPress 3.0はよくない！出来がよすぎる。ボタンひとつでアップグレードできるわ。クイックポストで設定や投稿は簡単だわ。最初から使えそうなテーマもいっぱいあるわ。こんなこと出来たらみたいなプラグインもいっぱいあるわで、テーマとプラグインを使えば出来る簡単なサイトを作るならば、勉強も努力もほとんどする必要がないです。こんなのに慣れたら、他のCMSを使う気はおこらなくなるし、人間努力を忘れます。以下MTからの移転を含めて使用
SOY CMSは、SOHOやWebデザイナーの救世主になるかもしれない: 世界中の１％の人々へ
2009年2月| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 HTMLソースにコメントやタグを埋め込むだけだから、デザインは自由自在。XHTML＋CSSさえ、理解していれば簡単にサイト構築ができる。 前回の「XAMMPインストール編」に続き、SOY CMSレポート後編。今回はSOY CMSの特徴を理解すべく、チュートリアルをやってみました。 Webにシステムを利用する場合、ある程度のデザインの制約がおこる場合が多いが、SOY CMSは、特別なテンプレートをもたず、既存のHTMLに、システムで変更したい部分をコメントやタグで囲むだけなので、デザインは自由自在。 そして、更新の容易さはブログなみで、特別な管理者を必要としない。 となれば、システム担当者のいない、小さなWeb制作会社や、個人
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TumblrにzenbackとOGPを設定してみた！: 世界中の１％の人々へ