derric.org

2010年9月アーカイブ

友人のツイッターを見て気になったのでちょっと調べてみました。 (googleではスラッシュ文字を検索できないのでちょっと苦戦) 1つ、こんな発言を発見しました。 http://xhtml.com/en/css/conversation-with-css-3-team/ (ページ内を"double slash"で検索してください) 「一部のbuggyなブラウザが // をskipしてくれないの… >> 続きを読む
li を display:inline で横並びにすることがよくあると思いますが、 このときにできる li 間の余白が邪魔なときがあります。 改行しない、コメントアウトで間をつぶす、などの方法がありますが、 どちらもソースが読みにくくなるのであまり好きではありません。 そこでもう少しいい方法がないかと思ったら、 li に display:table-cell を指定する方法を見つけました。 … >> 続きを読む
最近ツイッターをやるようになっていろいろなクライアントを試しています。 で、iPhoneはEchofonに落ち着いたんですが、Windowsクライアントがなかなか落ち着きません。 機能やデザイン、他SNSとの連携などの点でSeesmicDesktop2に落ち着きつつありますが、 UIの反応が悪くて性に合いません。 で、とにかく軽いのないかなと思って見つけたのがtwicliでした。 twicl… >> 続きを読む
SEO的な理由も多少ありますが、 個人的に、テキストであってほしいところが画像になっているために テキストとしてコピペできないというのがきらいなので、 あくまでテキスト+CSSでどこまで画像のような見た目に近づけるか試してみました。 目標はこんな感じ。 で、テキストの元の状態はこんな感じ。"Verdana"をあてています。 まずはフォントの種類を変えてみます。 フォントの種類を変えてし… >> 続きを読む
現在MovableType4.261を使っています。 これは、ホスティングサーバでボタン一つでインストールできるのがこのバージョンだったからです。 しかし、ケータイ向けの配信とかiPhone向けの配信とか今後のSNS対応とかいろいろ考えると、 当然最新バージョンにしておいた方がいいわけで、どんなもんかちょっと試しました。 結果、機能的にはもちろんいい感じでUIも使いやすくなってる気がしましたが… >> 続きを読む

Markdownの書き方

| トラックバック(6) | -
Markdownは、読み書きしやすい(HTMLの)原文を書くための記述法です。 ライブラリ化されており、いろんな場所で使われています。 MovableTypeでも使えるので、書き方を学んでみました。 原文:Daring Fireball: Markdown Syntax Documentation 和訳:Markdown文法の全訳 わかりやすい説明:Markdownの記法 実際に使って… >> 続きを読む
現在、1つのドメインで、複数のブログを運用しています。 そうした場合、デザインやテンプレートをブログ間で共有したいときがあります。 そこで少し調べてみると、以下の2通りの方法があることがわかりました。 1つのMTで複数のブログを管理している場合、テンプレートをグローバルで定義することで、どのブログからも利用することができる 個々のテンプレートの入力画面下部にある「ファイルへのリンク」を設定すること… >> 続きを読む
カレンダーに月送り機能を追加しようと思います。 僕が使っているのはMovableType4.2です。 以下のサイトを参考にしました。 >> 小粋空間: Ajax 月送りカレンダー(MT4版) スクリプトのダウンロード・アップロード 以下の3つのスクリプトをダウンロードします。 prototype.js prototypejs.org ajaxCalendar.js ダウンロード dayChecke… >> 続きを読む
デフォルトでは記事の全文が出るようになっているみたいなので、 記事のサマリーだけ表示するように変更します。 変更箇所はブログ記事の概要テンプレートの以下の部分。 <$mt:EntryTrackbackData$> <div id="entry-<$mt:EntryID$>" class="entry-asset asset hentry"> <div … >> 続きを読む
トップページは記事のサマリーだけ表示だけして、 その代わり、基本的にはすべての記事を参照できるようにしたいと考えました。 そこで、トップページにページ分割の仕組みを追加することにしました。 参考にしたサイトは以下のサイトです。 >> 静的ページ用ページ分割プラグイン:PageBute 基本的には、perlで書かれたページ分割用のプラグインを入れて、 必要なところに専用のMTタグを入れていくという、… >> 続きを読む
デフォルトでは前の記事、次の記事へのリンクがないようなので、これを追加します。 ブログ記事テンプレートのheaderの前に以下のコードを追加します。 <div class="prev-next-link"> <mt:EntryPrevious> << <a href="<$mt:EntryPermalink$>" title="&l… >> 続きを読む
よくソースコードを張り付けることがあるので、 ソースコードをそのまま表示できないかと考えました。 ポイントは以下の3点。 ・"<"と">"を、"&lt;";、"&gt;"に変換することなく表示することはできないか。 ・タブ文字をそのまま表示して、コピペしたときにタブを保持したい。 ・読みやすいように、改行をうまく処理したい "<"と">"を、"&lt… >> 続きを読む
MT4.2以降はRSSテンプレートが削除されたようで、 デフォルトではAtomフィード用のテンプレートしかありません。 そこで、RSS 2.0とRSS 1.0用のテンプレートを追加します。 RSS 2.0用のテンプレート 以下のサイトを参考にしました。 >> Movable Type 4.2以降でRSS 2.0のフィードを配信する 追加するのは「インデックステンプレート」 名前は「RSS 2.0」… >> 続きを読む
CDとかDVDとかを借りに行った時に、 このアーティストってどこまで持ってたっけ?とか、 このDVD持ってたかな?とか、思うことがよくあります。 そこで、自分が持っているものやこれからほしいものを チェックリストにしてiPhoneで持ち歩こうと考えました。 まずはじめに、アウトラインプロセッサの導入を検討したのですが、 まともなアウトラインプロセッサアプリはちょっと値段が高いし、 そもそも、今はア… >> 続きを読む
MT4のタグクラウドウィジェットは、デフォルトだと名前順で並ぶようです。 これを変えたくて、テンプレートを少し変更しました。 最初の状態は以下です。 <mt:Tags top="20"> <mt:If name="__first__"> <div class="widget-tag-cloud widget"> <h3 class="widget-… >> 続きを読む