はじめに
正式にいつからかは把握してませんが、
最近Qiitaのコードブロックをクリックでコピーできるようになりました。
右上のボタンを押すと、このコードがコピーされる
このUIは、公式ページなどによくある形式 で親しみを感じますが、
具体的なサイトをすぐに思い出せなかったので、一覧を記載します。
他にも知っている人は、是非、編集リクエストをください
一覧
- docker hub
- npm
- bootstrap
- Material Design Lite
- bulma
- Semantic UI
- mvn repository
- Font Awesome
- AtCoder
- doc.rust-jp.rs
- TypeScript Deep Dive
- scrapbox
- Jest
番外編
コードブロックのクリックが コピー以外のアクション のサイト
-
Material Design Lite
click to copy の他に Open in CodePen -
doc.rust-jp.rs
「Copy to clipboard」の他に「Run this code」、「Show hidden lines」付き -
Python Doc
Hide the prompts and output -
CofeeScript
実行ボタン付き
さいごに
コピーした後のエフェクトの違いを見るのも面白い。
<CODE>
タグに、クリックでコピーできる属性が、HTMLの仕様に入ると、
うれしい人が多いんじゃないかと思う。