タグ

これはすごいとまとめに関するinouetakuyaのブックマーク (2)

  • あなたのソースコードを彩る、Syntax Highlighterまとめ | Blog.37to.net

    home blog labs about contact Web・コンピュータ > あなたのソースコードを彩る、Syntax Highlighterまとめ Syntax Highlighter ソース ブログ 作成: 2007-06-30T19:14:27+09:00 更新: 2009-04-29T00:31:57+09:00 ブログに貼り付けたソースコードを分かりやすく見せたい! というのはコードを書くブロガーなら誰でも思うはず。 最近はコードを書いてもそのまま貼り付けるだけになってしまっていましたが、やはりソースコードは色づけされて分かりやすい方がいい。 何故かまとまった情報が無いようなので、まとめてみました。 ちなみに、ライブラリを選ぶ最中にまとめたので、どのツールも未使用なのであしからず。 JavaScriptJavaScriptを使って自動で色分けしてくれるようなツール。 元

  • Syntax Highlighter 系プラグインの比較と高速化 | ゆっくりと…

    このサイトではHTMLCSSPHPなどのコードを紹介するため Syntax Highlighter をよく使います。この時気になるのがページの読み込み開始から表示の終了までにかかる時間ではないでしょうか? 勿論環境やプラグインの種類にもよりますが、コード部分に <pre> タグが適用された状態で一旦表示され、その後きれいに再描画されるのを目撃したことがあるでしょう。このような振る舞いは見た目にもあまり好ましくなく、サイトレスポンスの遅さを目立たせます。 そこで今回は WordPress.org に多数登録されている Syntax Highlighter 系プラグイン を、デザインや機能に加え、ページ要求から表示までのレスポンスという観点で比較・整理をしてみたいと思います。 そして最後に、ブラウザでのレンダリング速度を改善する提案をしてみたいと思います。 機能とスタイルによる分類 Syn

  • 1