No Image

ブログのサイドバー領域に、ブログに関するツイートを表示するようにしてみたよ。

表示イメージはこんな感じ。この例を見るよりも、実際にブログのサイドバーを確認する方が分りやすいかも。

関連ツイート表示には、「Twi ...

No Image

当ブログのロゴデザインを変更しました。新しいデザインはこんな感じ。

黒いところは背景が透けて見えます。実際にブログ最上部にあるロゴを見てもらうと、イメージが良く分ると思います。

ロゴ制作には「Supalogo ...

No Image

当ブログのデザインを変更しました。

青を基調とした色使いにしたことと、サイト全体を2ペインにしたのが大きい変更かな。

あとはトップページで、各記事が個別のブロックに見えるよう配置を工夫してみました。

No Image

iPhone/iPadで、「ホーム画面に追加」したときに参照されるアイコン「apple-touch-icon.png」を設置しました。

通常、iPhone/iPadから「ホーム画面に追加」すると、サイトのキャプチャ画像をベ ...

No Image

東北地震太平洋沖地震への募金をお願いするバナーを設置しました。個別記事の上部に、邪魔なぐらいデカデカと表示されているはずです。

「なんだなんだ?」と思いの方は遠慮なくクリックして、募金してくると良いよ。

バナー ...

Thumbnail of post image 093

ブログの個別記事ページにfacebook対応のコメント機能を付けてみました。

この機能を使ってコメントすると簡単にfacebookでシェアできますよ!

facebook対応のコメント機能は、記事本文の少し下にあ ...

Thumbnail of post image 048

ブロガー名刺の在庫が切れたので、新しい名刺を作ったよ。

今回も前川企画印刷さんにお願いしたんだけど、これがまた良い仕事してくれるんですよ!

デザインイメージ

前回作ったブロガー名刺のデザインが気に入って

Thumbnail of post image 013

ブログに掲載している画像に、フチあり写真のように見せる効果を掛けてみました。

実例はこんな感じ。

IE以外のブラウザなら、画像の周囲に白枠があり、更にその外側に灰色のボカしが掛かって、昔懐かしの「フチ

No Image

自分のブログ記事に、色々な関連情報を表示するブログパーツ「zenback」を使いはじめました。

既にお気づきの方もいらっしゃると思いますが、個別記事本文のちょっと下にあるブロックの「関連記事」「関連リンク」「Twitter ...

No Image

新しい「はてなブックマークボタン」がリリースされたようなので、さっそくウチのブログでも対応してみました。

遠慮なくお試してくださって結構ですので、光の速さで「はてブ」すると良いよ。

設置方法メモ

新はてなブックマ ...

No Image

WordPress3.0リリースに合わせて!と言うわけではないのですが、久々にブログの見栄えを調整したよ。

一番大きな変更は、「LinkWithin」の導入かな?このスクリプトを導入したことにより、記事の下部にサムネイル付 ...

No Image

ブログ本文中のリンクテキスト部分に、画像による下線を付けてみたよ。

これまではデザイン的な面を考慮して「下線無し」でやってたんだけど、やっぱりリンク表示が判別しにくいなーと思ってたんだよね。

そんな中、「しらさ ...

Thumbnail of post image 141

アジャイルメディア・ネットワーク(AMN)が運営するブログクラブの「オープニングキャンペーン」に当選したので、前川企画印刷さんの「ブロガー名刺」を作ってもらえたよ!

「ブロガー名刺」はその名の通り、ハンドル名と各種サイトの ...

No Image

「カラーユニバーサルデザイン推奨配色セット」では、被験者実験による調整を重ね、どのような色覚の人にも比較的見分けやすい色を絞り込んだ配色セットを「色のバリアフリーに配慮した色見本」として公開してくれてるんだけど、今のところJPMA色表 ...

No Image

実はFirefoxには代替テキストを表示する機能はない。

Firefoxでも代替テキストを表示する機能はあるよ。画像を非表示にすると、画像が表示されるべき位置に代替テキストが表示されます :-)

もしくは、ちょ ...