GitHubのコード表示部分はtextareaとbefore疑似要素でできている - hogashi.*
ここのことです*1。 真ん中のカラムがコードの表示 (開発者ツールで見ると textarea にコードが入っている 目次 目次 シンタックスハイライトはどうしているのか？ 上に表示されている div ならその文字もマウスカーソルで選択できるはずでは？ なぜこうしたのか？ 困ることはないのか？ たしかこないだまでは普通に div ？ で、テキストをマウスカーソルでドラッグアンドドロップで選択したりするような感じだったはずだけど、最近？になって、選択できる部分は textarea になっていて、点滅するカーソルが出るので、キーボードでエディタのように移動・選択することができる (もちろん編集はできない *2 )。 選択範囲の一番右に白く点滅するカーソルが登場している シンタックスハイライトはどうしているのか？ textarea は部分的に色を変えるとかはできないはずだし、スタイルの様子を見ると
GithubにあるHTMLをレンダリングしてその場で表示出来るChromeエクステンション・Githtml - かちびと.net
個人的に嬉しいエクステンション だったのでご紹介。Githubにある リポジトリのHTMLをその場でレンダ リングし、デモとして表示させる 事が出来るChromeエクステンション、 Githtmlです。 タイトルにはChromeエクステンションと書きましたけど、Firefoxアドオンやブックマークレットもあるようです。 Githubに置いてあるHTMLをレンダリングしてその場に表示できます。Forkして編集してすぐ表示確認、とかもサクサク出来ますね。 ↑ エクステンションをインストールしてGithubのリポジトリをチェックすると上記のようなボタンが追加されますので、押すだけベープです。 ↑ 試しにForkしてからファイルを編集してみます。 ↑ 変更してエクステンションを使えばすぐに確認出来ます。 結構便利。 Githtml
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
