はてなブログを書くようになって、ちょっとずつ見た目をいじっていたのだけど、思い切ってサイドバーを無くしてしまった。さすがにどこの誰が書いてるのかわかるようにプロフィールの部分だけ右上に残してみた。 ブログのレイアウトというのはなぜかサイドバーがついていることが多くて、僕も以前はそういうのがナウいと思っていたのだけど、いろんなブログを見ていてやっぱり要らないなと思うようになった。まずサイドバーをあんまり見ないし、細いところに記事タイトルを並べると変なところで改行されてしまってごちゃごちゃしてしまう。月別のアーカイブを載せるのはたとえば10年書き続けたとしたらとんでもない長さになるし、そもそも特定の年月から記事を探すという需要が自分の中では考えられなかった。 はてなダイアリーでもサイドバーは消していて、そのかわり「記事一覧」というページをサイドバーに載せる情報の代わりみたいなつもりでリンクを貼

There is no reason to have to ask before making a link to another site. 散々なんとか見やすくってやってきたけどさすがにもうダメだね…。 コミュニティ機能とか重宝してたんであっさりデザインに弄って頑張って使ってたけどもう諦めたよ。 さらば mixi 。 2007年10月 ：強制３カラムによって異様に横幅が長く（950px固定に）なったのを２カラム化。 2008年7月 ：トップページ（home.pl）の大幅リニューアルを弄る。 2010年1月 ：ド派手にリニューアルされたのを弄る。大事なコメント履歴が中央から左へ追いやられる。 2010年10月 ：「つぶやき」導入で大事な「参加コミュニティの最新書き込み」が3カラム目（最右列）へ。 2012年8月 ：TOPページに何でもかんでも表示させるようになってもうグチャグチャ 当初は

2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基本の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください！ ↑私が10年以上利用している会計ソフト！ 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLとCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa

前置き 実は今、趣味のサイトをWordPressで作っています。 いろんなプラグインを入れたりテンプレートを弄ってアレコレしているのですが、中身がどう考えてもヘッポコ確定なのに入れ物だけ立派にしてどうするんだ、と自分にツッコミ入れつつ、日々新たな発見でかなり楽しいです。 そんな訳でしばらくの期間、自分がWordPressで経験したあんなコトやこんな事を、素人まるだしで備忘録としてまとめていこうと思います。 ページを開いてくださった方の、何がしかのお役に立てれば何よりです。 まずはともあれ、ドロップダウンメニューを作ってみる お手軽にジェネレーターを使う 最初はプラグインで何かいいのないかなー、と探した結果、「PixoPoint Menu Plugin」ってのを入れてみたのですが… 使い方がさっぱり分かりません＼(^o^)／ で、そのサイトを調べていたらこんな物が… Dropdown Men

PDFへのリンクは別窓にしていますか？ リンク先を別窓・タブにするかどうかの自由を制限しないためユーザービリティ上、target=_blankは推奨されていないのは承知です。 しかし、target=_blankをしていなければ、開いているサイト画面と同じ窓にPDFが開き、PDFを見終わって右上の×で閉じると元のサイト画面も一緒に閉じられてしまうことになります。 上記のことから、現状はガイドラインには反していますがtarget=_blankするようにしています。皆さんはどのようにしているか知りたいです。 そのサイトの閲覧対象者がどのようなITリテラシーであるかによって使い分けています。 ブロガーやIT情報関連者を対象としているなら別窓は使用していません。その場合は、PDFでも同様です。ユーザビリティー上、混在するのが一番使いにくさを感じさせますので。 一方、その他は、外部サイトへのリンク、P

アメブロの『リンクの貼り方』・・・ですが、 （これを書く経緯は昨日分を見てネ！・・・こちら） ねこﾆｬﾝさん（ブログはこちら！）以外にも、奥ちゃんさん（ブログはこちら！）からも ご要望がありましてー、一通り載せてみました（わからないところがあれば聞いてくださいね） まず、そもそも”リンク”とは・・・ 上の　こちら　とか、こちら！ のことで、 カーソルを持っていくと、一般に”矢印マーク”が”お手手（人差し指）マーク”になりますね。 （下の、こちらは、同じに見えますが、リンクできていないですね） 例えば、グーグルのトップページにリンクしたいなー　ということで、アドレス（URL)を単にここにコピペ するだけでは、下のようになってリンクされないですね。 http://www.google.co.jp/ 下のような手順でやればリンクできますので、ご覧ください。 ”新エディタ”中心で説明していますが、

CSS3 を使って Windows から見るブラウザ上の "MS Pゴシック" をメイリオみたいに、アンチエイリアスさせて表示する方法を発見してしまったので紹介します。 さて、↓の２つのの文字を見比べてください。 実はどちらも同じ "MS Pゴシック"なんです（Chromeで画像化しています）。 CSS3 の transform を使う さて、これをどうやって実現しているかと言うと、CSS3 の transform を使って、アンチエイリアスさせたいテキストを、少しだけ縦方向に拡大しています。 .clear-type { -webkit-transform-origin: 0 0; -webkit-transform: scale(1, 1.01); -moz-transform-origin: 0 0; -moz-transform: scale(1, 1.01); -ms-transf

導入目的を決めましょう導入するかどうか迷った場合、導入しようと思った場合はその目的をはっきりさせることが重要です。そうすれば物事に優先順位をつけれますし、不毛な議論に惑わされることなく決めることが可能だからです。 私が設定した目的は、「このサイトにとっての良客のサイト滞在時間を長くなるように最適化する」ことです。不便になったと言って離れる人が結果として出たとしても、全体としてよくなればそれでよいと考えました。 他のサイトを調査してみましょう■アフィリエイトリンク（外部リンク） A8.net、バリューコマース、楽天アフィリエイトなどの多くが「アフィリエイトリンク」にtarget=”_blank”属性を付けている。昔からの慣習なのかそれとも何らかの効果があるのか不明ですが一律にそうなっていると思ってもよいほど統一されてます。 ■404 Blog Not Found 記事中の内部リンクも、外部リ

ここで使用しているFC2ブログを含め、ほとんどのブログサービスでは利用者が任意で好きなテンプレートを選べるようになっている。多くの場合はデザイン、つまり「見た目」で選ぶことになると思うが「CSSで見栄えだけ変更している」というタイプ（のブログサービス）でもない限り、テンプレート自体の構造（HTML）がものによって違う場合が少なくない。特にFC2ブログのような「利用者がテンプレートを登録して、ブログユーザーなら誰でも使える」というサービス形態ならば、よりその傾向が強いといえる。 そのような非常に選択肢が広いテンプレート探しの中で、見た目以外にチェックしておくと良さそうなポイントをいくつかあげてみたい。 サイドバーよりメインカラム（本文）部分が先に記述されている方が良い ブログテンプレートの場合、ほとんどは「メインカラム＋サイドバー（サイドカラム）」という形で構成されている。ヘッダーやフッター

2011年9月2日 CSS初心者から上級者まで頭を悩ませるフォント指定のベストプラクティスを模索してみた。 2014年4月28日追記： フォント指定に関する新しい記事を書きました。 CSSのfont-family指定に関する考察 2014年版 先日、CSSによるフォント指定について色々な人と話をする機会があり、せっかくなので、これまでの自分のやり方を、もう一度ゼロから考えなおしてみようと思い立った。 font-familyの指定を考察する CSSによるfont-familyの指定についての世間一般の見解を調べていると、非常に参考になる記事を発見！ font-familyはメイリオが先かヒラギノが先かという命題を本気で調べた 上記のウェビンブログ様の記事中に添付されている資料：日本のコーダーのfont-family指定が、非常に興味深い。これを見ると、ある程度経験のあるコーダーさんたちの中で

ブログをきれいに表示するためにフォントを指定する　【CSS,font-family】投稿 : 2011-12-14更新 : 2013-11-10 海外の人が作ったと思われるWordPressやBloggerのテンプレートをそのまま使うと、日本語表示ではきれいに表示されないことが個人的には多いなと思います。原因は、日本語フォントが明示的に指定されていないからだと思われます。 そこで、フォント指定をして、お手軽に表示確認を行う時に私が使っている方法です。 ■方法その１ bodyタグの後ろに以下の部分を挿入する <style> body{ font-family:Helvetica,Arial,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;} </style> ■方法その２ bodyタグの後ろに以下の部分を挿入する <script type="text