*

続・WorkFlowyで「三色ボールペン方式」

公開日: : WorkFlowy

1.WorkFlowyで「三色ボールペン方式」

今、私がパソコンから使っているWorkFlowyは、「三色ボールペン方式」です。

WorkFlowyで三色ボールペン方式

アドオン「Stylish」を使って、下線・太字・斜体の表示を変えることで実現しています。

WorkFlowyで「三色ボールペン方式」

2.「三色ボールペンWorkFlowy」の改善

(1) 課題=文字色の色分け

他方で、当初の「三色ボールペンWorkFlowy」には、課題もありました。下線をborder-bottomで実現している、というかっこ悪さもありますが、機能面で足りなかったのは、文字色です。

三色ボールペン方式の、赤青緑という3色の色分けは、汎用的な基本技法です。本に線を引くときに、線を3色に色分けするだけでなく、本に自分の言葉を書き込むときに、書き込む文字を3色に色分けすることもあります。

これに対して、当初の「三色ボールペンWorkFlowy」では、線を3色に色分けすることはできますが、文字を3色に色分けすることはできませんでした。

つまり、当初の「三色ボールペンWorkFlowy」に足りないのは、

  • 青色文字
  • 赤色文字
  • 緑色文字

です。

(2) 改善=赤色文字&緑色文字

そこで、ここを改善しました。こんな感じです。

新しい「三色ボールペンWorkFlowy」

新しい「三色ボールペンWorkFlowy」は、次の2つの文字色を使えます。

  • 赤色文字
  • 緑色文字

css上は、

  • 赤色文字を「.contentUnderline.contentBold」、つまり、下線&太字で
  • 緑色文字を「.contentUnderline.contentItalic.contentBold」、つまり、下線&太字&斜体で

実現しています。

(青色文字は、割り当てるクラスが足りなかったので、今回は見送りました。)

(3) cssの説明

Stylishに記述するcssは、次のとおりです。

a.赤色文字

.contentUnderline.contentBold{

border-bottom:none;

text-decoration:none;

background-color:#FFFFFF;

color:#FF0000;

}

b.緑色文字

.contentUnderline.contentItalic.contentBold {

font-weight: normal;

border-bottom: none;

background-color:#FFFFFF;

color:#31B404;

}

3.おわりに

「三色ボールペン方式」は、私の知的生産を支える基本思想のひとつです。また、WorkFlowyは、私の知的生産を支える基本ツールのひとつです。

ですから、WorkFlowyを「三色ボールペン方式」仕様にカスタマイズできたことは、私にとって、大きな意義を持つ転換点でした。

今後、ますますWorkFlowyが手放せなくなりそうです。

スポンサードリンク

関連記事

no image

「オブジェクト型ワード・プロセッサ」という夢と、その実現

1.大学生のときに共感した「オブジェクト型ワード・プロセッサ」の夢と、その後の10年 (1) 「オブ

記事を読む

no image

iPhoneからWorkFlowyを報告書っぽいレイアウトで印刷する(印刷用ハサミスクリプト暫定版の紹介)

1.印刷用ハサミスクリプトが、暫定版として、公開されました 先日、WorkFlowyで書いたトピック

記事を読む

no image

iPhoneから使うWorkFlowyに対してあなたが感じるその不満を、HandyFlowyは、どう解消できるのか? #ただしペーストは除く 【回答編】

先日、WorkFlowyを愛用するiPhoneユーザーの方々に向けて、こんな呼びかけをしました。 i

記事を読む

no image

MemoFlowy(iOS版)、本日(2015-12-03)公開です!

WorkFlowyへのテキスト入力に特化したメモアプリ「MemoFlowy」(iOS版)が、本日、A

記事を読む

no image

情報の構造を活かし、Amazonから目次をWorkFlowy&MemoFlowyに取り込む「入口」拡張ツール

1.はじめに 昨日、マロ。さんによって、「kindle highlight to WorkFlowy

記事を読む

no image

「WorkFlowyのURL」を取得する方法の基本

1.はじめに 「WorkFlowyのURL」の活用は、「WorkFlowyのURL」の取得から Wo

記事を読む

no image

HandyFlowy、本日(2016-02-16)、公開です。どんな役割を果たすアプリなのか、全体像を紹介します。

「パソコンから使うWorkFlowyは、とても使いやすい。でも、iPhoneからは、どうも使いづらい

記事を読む

no image

[[タイトルトピック本文](WorkFlowyのURL)]を、複数トピックを対象に、一挙に書き出すブックマークレット

1.課題=「WorkFlowyのURL」+「タイトルトピック本文」のセットを、たくさんのトピックを対

記事を読む

no image

WorkFlowyの「Star」の基本

1.WorkFlowyの「Star」 WorkFlowyには、「Star」という機能があります。「S

記事を読む

no image

データベースとリスト(ひとつの秩序でいろんな役割を果たすための、WorkFlowyの発想)

1.データベースのようなデジタルツール (1) Toodledoはデータベース 現在、私は、自分のタ

記事を読む

スポンサードリンク

スポンサードリンク

  • irodraw
    彩郎 @irodraw 
    子育てに没頭中のサラリーマンです。1980年代生まれ、愛知県在住。 好きなことは、子育て、読書、ブログ、家事、デジタルツールいじり。
    このブログは、毎日の暮らしに彩りを加えるために、どんな知恵や情報やデジタルツールがどのように役に立つのか、私が、いろいろと試行錯誤した過程と結果を、形にして発信して蓄積する場です。
    連絡先:irodrawあっとまーくtjsg-kokoro.com

    feedlyへの登録はこちら
    follow us in feedly

    RSSはこちら

    Google+ページ

    Facebookページ

PAGE TOP ↑