Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

はじめに

こんにちは。
みなさん、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ってすげえ〜〜

nake226
都内で働くフロントエンドエンジニアです。 何か学びになることがあれば幸いです。 ビールとコーヒーが好き。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away