SyntaxHighlighterでソースを読みやすく掲載する方法 [ホームページ作成] All About
HTMLやCSS、JavaScript、PHPなど様々な言語のソースコードを、ウェブ上で読みやすく表示してくれる「SyntaxHighlighter」というツールがあります。JavaScriptとCSSで作られており、右図のように、行番号を付けて綺麗に装飾し、ソースを見やすく表示してくれます。また、ソース部分だけを一括コピーしやすくする機能もあり、便利です。 この「SyntaxHighlighter」は、IT系の技術解説サイトなどでもよく使われているので、目にしたことのある方々も多いのではないでしょうか。標準の配色（テーマ）のほか、右図のように様々な配色が用意されており、好みのデザインで表示できます。CSSを編集すれば、自分で配色セットを作ることもできます。 今回は、ウェブ上でのソース表示に便利な「SyntaxHighlighter」について、そのメリットと使い方をご紹介致します。 Syn
![SyntaxHighlighterでソースを読みやすく掲載する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
iPad Safari - Overflow Problems Investigation
iPad Safari - Overflow Problems Investigation The following is a scrollable div. If you're in multi-touch Safari (which I have been informed is technically called Mobile Safari), note the absence of scroll bars. But at least you can 2-finger scroll it: <div align="center" style="border:1px solid black; height:200px; width:600px; overflow:auto;"> <h3>Scrollable Div</h3> <img src="/library/images/un
『iPadだとiframeが伸びるのに対応した』
今までうちの会社で制作してきたwebサイト（直接自分が関わった物も含む）では、 多くの場合、新着情報やイベント情報などを、別ファイルで管理し、iframeでindex.htmlに表示させてきた。 エンジニアさんのシステムとの兼ね合いもあり、その方が制作、管理、運営が楽だったからだ。 ●問題点 しかし、iPadの登場で問題が発生してしまった。 iPadではiframeにスクロールバーが表示されずに、読み込んだhtmlの内容に応じて伸びていってしまう。 テーブルレイアウトなら、後続の要素が下がっていってしまうし、 overflow:hiddenが設定されたボックス要素内だと、はみ出た領域は表示されないし、スクロールもできない。 ●解決法 http://www.luigibox.com/00_lab/iframeForiPadSafari/ divでiframeを囲む。 javascriptでi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
