タグ

2009年1月28日のブックマーク (6件)

  • ソースコードの色づけを行う·Google Code Prettify MOONGIFT

    ブログや開発者向けのWebサービスなどで、ソースコードのハイライトを行うケースはよくある。言語があらかじめ決まっている場合は良いが、言語がよくわからない場合や、JavaScriptHTMLのように埋め込みで複数の言語が重なる場合もある。 各種言語に対応したハイライター そのような、特定の言語に依らずにソースコードをハイライト化したい場合に便利なのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはGoogle Code Prettify、JavaScriptによるソースコードハイライターだ。 Google Code Prettifyの使い方は簡単だ。prettify.jsとprettify.cssを読み込んで、<pre class="prettyprint">または<code class="prettyprint">タグの中にコードを書き込めば良い。後はprettyPrint

    ソースコードの色づけを行う·Google Code Prettify MOONGIFT
    hiro-rock
    hiro-rock 2009/01/28
    ソースコードを色付けできるjsとcss
  • 超簡単!電子レンジで乾燥ハーブを作る方法 | ライフハッカー・ジャパン

    家事のTipsに関するブログ「TipNut.com」には、電子レンジやオーブンを使ってハーブを乾燥させる方法、外に置いてハーブを乾燥させる方法が載っています。電子レンジで乾燥ハーブを作る手順は、丁寧に洗った後、しっかり水気をとるように拭いて、それから... ペーパータオルの上にハーブを置き、その上にもう1枚ペーパータオルを置きます。それから電子レンジの強で2分間加熱します。その後、ペーパータオルをひっくり返してさらに1分加熱します。その後は様子を見ながら、ハーブが完全に乾燥するまで30秒ずつ加熱を続けます。 乾燥ハーブはジップロック(空気を入れないようにするのがポイント)や、タッパーに1年間は乾燥した状態で保管できます。ちなみに、オーブンを使う方法では数時間、外に置く方法では数週間で乾燥ハーブができるのですが、それに比べるとこの電子レンジを使った方法は、ずいぶん手軽にできるのでオススメです

    超簡単!電子レンジで乾燥ハーブを作る方法 | ライフハッカー・ジャパン
    hiro-rock
    hiro-rock 2009/01/28
    乾燥ハーブを電子レンジでつくる方法!
  • とても洗練されたUIの日付ピッカー&カレンダー集:phpspot開発日誌

    Beautiful datepickers and calendars for web developers とても洗練されたUIの日付ピッカー&カレンダー集のエントリが紹介されていましたのでピックアップ。 日付入力も便利だけでなく、クールに行えます。 datepicker シンプルだけどクールなカレンダー jquery datepicker From〜Toが指定できるカレンダー Calendar 立体的でクールなUI jPint iPhoneっぽいUI 全部見る たくさんありすぎて迷いますが、サイトのUIや、用途に応じて使い分ければ便利そうですね。 関連エントリ 超クールなカレンダー型日付入力補助用JSライブラリ カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」 日付入力を便利にするカレンダー/日付ピッカー集

    hiro-rock
    hiro-rock 2009/01/28
    日付ピッカー
  • Google Sitemap Generatorをモバイルサイトマップに対応させる | WordPressでサイトを構築するためのTips

    Google Sitemap Generatorといえば、sitemap.xmlを生成してくれるプラグインですが、Googleのモバイルサイトマップには対応していません。 モバイル サイトマップを作成するの仕様に合わせソースを弄ることにします。 (そのうち対応してくれると思いますが・・・) まず、ネームスペースを追加します。 sitemap-core.phpの1784行目に<urlset>を生成している箇所がありますので、 xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" を挿入してやります。 つぎに、<mobile:mobile/>を追加します。 sitemap-core.phpの523行目の $r.= "\t</url>\n"; の前に $r.= "\t\t<mobile:mobile/>"; を追加します。

    hiro-rock
    hiro-rock 2009/01/28
    モバイルサイト用のsitemapも対応させる
  • XMLサイトマップを検索エンジンに送信するとクロールがどう変わるのかテストしてみた | Web担当者Forum

    人間誰でもそうだけど、いいものも悪いものも含めて、僕にはいろんな癖がある。この間、あるクライアントのWebサイトに取り組んでいるとき、いつものようにXMLサイトマップを作って検索エンジンに送信したんだけど、そのときに考え始めたんだ。XMLサイトマップって当にサイトの役に立っているんだろうかってね。XMLサイトマップを検索エンジンに登録すると、どんな効果があるんだろうか。 そこで、そこそこ人気のあるブログを運営していて、WordPressGoogle XML Sitemaps Generator for WordPressというプラグインを使っているクライアントに頼んでみたんだ。僕が作ったトラッキング用のスクリプトをサイトにインストールして、検索ロボットの動きを追跡させてくれないかってね。Google XML Sitemaps Generatorがどんなものか知らない人のために説明すると

    XMLサイトマップを検索エンジンに送信するとクロールがどう変わるのかテストしてみた | Web担当者Forum
    hiro-rock
    hiro-rock 2009/01/28
    やっぱりsitemap.xmlは送信した方がいいよね!
  • Stu Nicholls | CSS PLAY | Centering Floats

    CSS MENUS › Centering Float Left Menus Date : 24th January 2009 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. A centered floated left menu (known width) Information I have had a few people ask if they could center a floated left menu when the width of the items in the menu is not known, and I had thought that it was not possible. Revisited 24t

    hiro-rock
    hiro-rock 2009/01/28
    floatさせたリストを左右真ん中あわせにするTips ulとliを左右50%の配置で実現