Edited at

暇なのでnoteをbookにしてみた


はじめに

こんにちは。

みなさん、noteは使っていますか?

情報発信やコンテンツの販売場所として今や大人気のnoteですが、

記事によっては縦読みの方がいいなと思い、適当なスクリプトを書きました。

タイトルは大げさなので、お手柔らかに、、🙏笑


TL;DR


  1. noteで適当な記事を開く

  2. 下記のスクリプトを実行する

  3. noteがbookに!!(個人差あり)

var b_props = {

writingMode:'vertical-rl',
width:'1000px',
overflowY:'scroll',
margin:'0 -200px',
textOrientation:'upright'
}
$('.ns-note .note-body p').css('height', '680px');
$('.ns-note .note-body img').css({'cssText': 'height: 100%!important;'});
$('.body-wrapper').css(b_props);


対象


  • noteを縦読みしたい方

以上


感想

CSSってすげえ〜〜