タグ

2009年3月19日のブックマーク (4件)

  • 技術系サイトに必需品! ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK!「Syntax Highlighter」の使い方

    Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ

    技術系サイトに必需品! ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK!「Syntax Highlighter」の使い方
  • 画像をCSSだけでハイクオリティに縮小サムネイル化する方法:phpspot開発日誌

    Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に

  • 「分かりやすい教え方」の技術 - 発声練習

    「分かりやすい教え方」の技術 このでは、何かを教える人を「先生」、何かを教わる人を「生徒」としている。なので、職業教師のためだけのではない。このの定義する「先生」ならば、このを必ず読んで、このに書かれてあることを心がけたほうが良い。一方で、「生徒」ならば、このに書いてあることを「先生」に求めてはいけない。「生徒」は先生はえらいを読んでそちらの心構えを使ったほうが良い。 このでは5つの心構えと8つの技術が具体的な例を示しつつ紹介されている。 心構え 先生を気楽に引き受けよ 生徒を「お客様」だと思え 生徒の「文化」を尊重せよ 生徒を「可能性のタネ」と見よ 生徒を楽しませよ 技術 生徒のレベルにあわせよ 「目標」を明示せよ 「魔の挫折地帯」を認識させよ 目標を分解せよ 「腹八分目」を守れ 褒めて伸ばせ 「反復」と「映像化」で脳に刻み込め 「与える」よりも「引き出せ」 上記の心構えと

    「分かりやすい教え方」の技術 - 発声練習
  • クールすぎて本当に動的に作ったの?というグラフが描画できてしまう「visifire」:phpspot開発日誌

    クールすぎて当に動的に作ったの?というグラフが描画できてしまう「visifire」 2009年03月18日- Visifire クールすぎて当に動的に作ったの?というグラフが描画できてしまう「visifire」。 以下にある画像のような、ちょっと他ではなかなか無いグラフを提供してくれます。フリーで使えます。 画像編集ソフトを使えば綺麗なグラフはかけるかもしれないのですが、相当大変です。 が、このライブラリを使ってxmlでデータを書いておけばグラフ描画できます。 データ作成ツールもあるので、xmlも面倒っていう場合にも使えます→ Chart Designer もっとギャラリーを見る ネックはSilverLightなのですが、一旦描画したものをキャプチャして画像に変換してから使ってもよいぐらいクオリティが高いですね。 今後、SilverLightが一般的になっていくことも考えられ、覚えてお