サイドバーに「関連ツイート」表示を追加
ブログのサイドバー領域に、ブログに関するツイートを表示するようにしてみたよ。
表示イメージはこんな感じ。この例を見るよりも、実際にブログのサイドバーを確認する方が分りやすいかも。
関連ツイート表示には、「Twi ...
ブログロゴを変更しました
当ブログのロゴデザインを変更しました。新しいデザインはこんな感じ。
黒いところは背景が透けて見えます。実際にブログ最上部にあるロゴを見てもらうと、イメージが良く分ると思います。
ロゴ制作には「Supalogo ...
ブログデザインを変更しました。
当ブログのデザインを変更しました。
青を基調とした色使いにしたことと、サイト全体を2ペインにしたのが大きい変更かな。
あとはトップページで、各記事が個別のブロックに見えるよう配置を工夫してみました。
iPhone/iPad用ホーム画面アイコン「apple-touch-icon.png」設置
iPhone/iPadで、「ホーム画面に追加」したときに参照されるアイコン「apple-touch-icon.png」を設置しました。
通常、iPhone/iPadから「ホーム画面に追加」すると、サイトのキャプチャ画像をベ ...
東北地震太平洋沖地震への募金お願いバナー設置
東北地震太平洋沖地震への募金をお願いするバナーを設置しました。個別記事の上部に、邪魔なぐらいデカデカと表示されているはずです。
「なんだなんだ?」と思いの方は遠慮なくクリックして、募金してくると良いよ。
バナー ...
facebookコメントを付けてみた
ブログの個別記事ページにfacebook対応のコメント機能を付けてみました。
この機能を使ってコメントすると簡単にfacebookでシェアできますよ!
facebook対応のコメント機能は、記事本文の少し下にあ ...
ブロガー名刺を作ったよ
ブロガー名刺の在庫が切れたので、新しい名刺を作ったよ。
今回も前川企画印刷さんにお願いしたんだけど、これがまた良い仕事してくれるんですよ!
デザインイメージ前回作ったブロガー名刺のデザインが気に入って
画像に影を付けました
ブログに掲載している画像に、フチあり写真のように見せる効果を掛けてみました。
実例はこんな感じ。
IE以外のブラウザなら、画像の周囲に白枠があり、更にその外側に灰色のボカしが掛かって、昔懐かしの「フチ
「zenback」はじめました
自分のブログ記事に、色々な関連情報を表示するブログパーツ「zenback」を使いはじめました。
既にお気づきの方もいらっしゃると思いますが、個別記事本文のちょっと下にあるブロックの「関連記事」「関連リンク」「Twitter ...
新はてなブックマークボタンに対応しました
新しい「はてなブックマークボタン」がリリースされたようなので、さっそくウチのブログでも対応してみました。
遠慮なくお試してくださって結構ですので、光の速さで「はてブ」すると良いよ。
設置方法メモ新はてなブックマ ...
ブログデザイン変更
WordPress3.0リリースに合わせて!と言うわけではないのですが、久々にブログの見栄えを調整したよ。
一番大きな変更は、「LinkWithin」の導入かな?このスクリプトを導入したことにより、記事の下部にサムネイル付 ...
リンクに「画像による下線」を付けてみた
ブログ本文中のリンクテキスト部分に、画像による下線を付けてみたよ。
これまではデザイン的な面を考慮して「下線無し」でやってたんだけど、やっぱりリンク表示が判別しにくいなーと思ってたんだよね。
そんな中、「しらさ ...
ブロガー名刺が届いたよ
アジャイルメディア・ネットワーク(AMN)が運営するブログクラブの「オープニングキャンペーン」に当選したので、前川企画印刷さんの「ブロガー名刺」を作ってもらえたよ!
「ブロガー名刺」はその名の通り、ハンドル名と各種サイトの ...
「色のバリアフリーに配慮した色見本」をRGB化してみた
「カラーユニバーサルデザイン推奨配色セット」では、被験者実験による調整を重ね、どのような色覚の人にも比較的見分けやすい色を絞り込んだ配色セットを「色のバリアフリーに配慮した色見本」として公開してくれてるんだけど、今のところJPMA色表 ...
Firefoxで画像のALT属性を表示する方法
実はFirefoxには代替テキストを表示する機能はない。
Firefoxでも代替テキストを表示する機能はあるよ。画像を非表示にすると、画像が表示されるべき位置に代替テキストが表示されます :-)
もしくは、ちょ ...