長文は読むのが疲れますよね・・・。
そんなときは、行間をあけたり、字を大きくすると楽です。
ブラウザの設定でも変えられるのですが、毎回変えるのは面倒です。
下記のブックマークレットを使って見てください。リンクをクリックすると、動作を試しに確認できます。リセットするには、このページをリロード(再読込)してください。
使い方 <すべてに共通>
(1)リンク部分を「右クリック」して、お気に入りに追加。または、ブックマークバーに、リンクをドラッグします。
(2)お気に入りが出来たら、次回以降、そのお気に入りを選ぶだけで、ページ表示が変化。文字が読みやすくなります。
(3)状態を元に戻すには、ページをリロード(再読込)してください。
A. 行間をあける
行間をあける
![行間をあける 行間をあける](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA2ibgcJTmnP_hlS3DVfbYgSiCtECKQWEEbmdEPOgP2w52_fd4_0LCqAhsvcI6dT-JKFS5Gox4cAgga2Xurs1Ims9cpT05NKsQ1qrpWTxUUYrLVb_6GlifoZqb7eYn7p904ErScxv2OYg1/s200/CapD20100810_3.jpeg)
javascript:(function(){var e,i;e=document.body.getElementsByTagName('*');for(i=0;i<e.length;i++){var st=e.item(i).style;st.lineHeight='200%';}})()
B. さらに行間をあけるバージョン
行間をもっとあける
![行間をもっとあける](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA2ibgcJTmnP_hlS3DVfbYgSiCtECKQWEEbmdEPOgP2w52_fd4_0LCqAhsvcI6dT-JKFS5Gox4cAgga2Xurs1Ims9cpT05NKsQ1qrpWTxUUYrLVb_6GlifoZqb7eYn7p904ErScxv2OYg1/s200/CapD20100810_3.jpeg)
javascript:(function(){var e,i;e=document.body.getElementsByTagName('*');for(i=0;i<e.length;i++){var st=e.item(i).style;st.lineHeight='250%';}})()もっと大きくしたい、調整したい人は、上記の「250%」という数字を、変えてみてください。
C. 行間をあけて、さらに 字を大きくする
行間をあけて、字を大きくする
![行間をあけて、字を大きくする](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA2ibgcJTmnP_hlS3DVfbYgSiCtECKQWEEbmdEPOgP2w52_fd4_0LCqAhsvcI6dT-JKFS5Gox4cAgga2Xurs1Ims9cpT05NKsQ1qrpWTxUUYrLVb_6GlifoZqb7eYn7p904ErScxv2OYg1/s200/CapD20100810_3.jpeg)
javascript:(function(){var e,i;document.body.style.zoom=1.35;e=document.body.getElementsByTagName('*');for(i=0;i<e.length;i++){var st=e.item(i).style;st.lineHeight='200%';}})()
おまけ:ウェブサイトにひと工夫!
あなたのウェブサイトに、「字を大きくする」リンクをあらかじめ設置してあげるのも親切です。以下のHTMLコードをホームページに載せてみましょう。Bookmarkletを使わなくても、訪問者のみんなに機能を利用してもらえます。
こんな感じ
↓
【字を大きくする】
このソースは、こんな感じ。コピペしてHTMLソースに貼り付けてみてください。
▼ソース
<a href="javascript:void(0);" onClick="(function(){var e,i;document.body.style.zoom=1.35;e=document.body.getElementsByTagName('*');for(i=0;i<e.length;i++){var st=e.item(i).style;st.lineHeight='200%';}})()">【字を大きくする】</a>▲
0 件のコメント:
コメントを投稿