[B! CSS] diet55のブックマーク

diet55 id:diet55

CSSに関するdiet55のブックマーク (34)

https://www.reddit.com/r/ObsidianMD/comments/13302ys/color_of_nonexistent_broken_internal_links_in/
diet55 2023/12/25
まさにこれをやりたいのだけれど、DefaultテーマでもMinimalテーマでも、editing mode (source mode)では機能せず。

Obsidian

CSS
リンク
File Recovery (Core Plugin): Scroll bar missing when "Show diff" is toggled "On"
diet55 2023/11/10
CSSで回避。／Discordで教わっている人が多いな。Discordは情報のストックに向かない気がして。①Reddit②公式Forum③GitHubに加えて、④Discordは見られない。

Obsidian

CSS

Discord

Reddit

GitHub
リンク
Obsidianで始める速記ノート Steno - Jazzと読書の日々
ステノノートを一日考えてみました。ステノノート朝方こんなことしてたんですが、まあ、Dataviewにすればいいかと。 Steno.md このスクリプトを貼り付けてリーディングビューにしてください。 Import Obsidian: Steno ```dataviewjs const FOLDER = "Inbox/" const c = dv.el("hr", "") c.style = "border:1px solid orange;margin:3px;" c.onclick = function(){ t = a1.value.split("\n")[0] || "steno" s = a1.value + "\n---\n" + a2.value a1.value = "" a2.value = "" s = "obsidian://new?file=" + encodeUR
diet55 2023/11/04
Obsidianでコーネル式ノートを実装するやり方は、私が知っているだけでもCSSで3〜4種類出回っているはず。私はObsidianでCSSを使ってコーネル式ノートを実装するのは筋が悪いなと、ROMですが。有料だとサポートもありそう。

Obsidian

Cornell Notes

CSS
リンク
Xユーザーのガソリン車さん: 「Chrome Canaryで明らかに半角文字と全角文字の間に空間が入るようになっている (120.0.6086.0で気づいた / enable-experimental-web-platform-features 有効化済) https://t.co/og9Yx4KJDH」 / X
diet55 2023/10/25
「めっちゃいいと思うけど、2ヶ月後くらいに日本中でVisual Regression Testが落ちまくりそう (それはそう)」「 `text-autospace` プロパティ」「全然実装中なので2ヶ月でVRTがどうのというのはたぶんわりと的外れでした」

Chrome

font

character

CSS

Twitter
リンク
Creating Links like in Obsidian Help
diet55 2023/10/23
Google KeepやEvernoteなどのアイコンがCSSクラスにあることを知らなかった。まれに使いたいときがあるかも？でも、Markdownの中に生のHTMLはいや。Iconのプラグインも知らなかった。アイコンのためだけにMarkdown記法もいや。Emoji?

●Obsidian

●CSS

●Google Keep

●Evernote

●OneNote

●Notion
リンク
Obsidianのスタイルはまず四項目設定しよう - Jazzと読書の日々
Markdownにはテキストを強調する記法があります。 **文字**みたいに**で文字を挟む方法。あまり使わないですよね。でも使わないのももったいない。色をつけてしまえばいいのかしら。 Style Settings cssのカスタマイズにはプラグインが簡単です。 Style Settingsですね。デフォルトではあまり使えませんが、何かテーマを適用しているとき、カスタマイズできる項目が爆発的に増えます。ここではテーマがMinimalの場合で見てみます。 Import Obsidian: Style Settings カーソル行Minimal＞Active lineのところ。 Highlight active lineをONにし、その下で背景色を設定します。カーソルのある行だけ色が変わります。これは必須。どこを書いているか迷子にならずに済みます。強調Minimal＞Te
diet55 2023/10/19
﹁カーソルのある行だけ色が変わります。これは必須。﹂﹁Bold text color が強調。それぞれ文字色の設定ができます。﹂﹁見出しのサイズや色の指定ができます。個人的に必要と感じているのは区切り線です。﹂

●Obsidian

●CSS

●plugin

●blog
リンク
How to wrap titles in file explorer?
diet55 2023/10/16
“I created a CSS snippet” うわー！すごい便利になった！ありがとう。LiamSwayne/Obsidian-CSS-Snippets: A library of CSS snippets that customize the look of obsidian. https://github.com/LiamSwayne/Obsidian-CSS-Snippets

Obsidian

CSS

design

HTML

GitHub
リンク
📕Obsidianで特定サイトの外部URLにロゴを付与 - Minerva
diet55 2023/10/14
Markdown記法で外部リンクを書いた場合、外部リンクと内部リンクで見た目で違いがわからないので、今まで手作業でアイコンをつけていました。→記事をきっかけにして、CSSでやりたいことが一発でできました。感謝。

●Obsidian

●CSS

●Obsidian Publish
リンク
Reddit - Cornell Notes Template for Obsidian : ObsidianMD
diet55 2023/09/24
Obsidian

notebook

CSS

Cornell Notes
リンク
Minimal theme strikethrough checkbox
diet55 2023/09/08
“Style Settings to the rescue! Under the Lists and tasks section of Minimal” CSSスニペットで対応するのかと思った。まったく使いこなしていない😖

Obsidian

Minimal theme

CSS

Theme

plugin
リンク
Obsidianの編集モードで、行末のスペースを可視化する
Obsidian の﹁厳密な改行﹂設定 Obsidian の [設定] – [エディタ] – [厳密な改行] を﹁無効﹂にすると、Markdown 仕様への準拠レベルが下がり、段落の行末に2つ以上のスペースがなくても改行してくれるようです。しかし、MarkdownファイルをObsidian 以外でも扱うなら、このような設定は無効にせず、なるべく汎用的なMarkdown仕様に基づいた記述で目的を実現した方がよいでしょう。 2. Obsidian で行末の半角スペースを可視化するこの仕様を利用するのであれば、Markdownを編集している際、段落の行末にあるスペースが分かりやすく表示されないと不便です。 Obsidianの場合、CSSスニペットで以下を記述することにより対応できました。 .cm-trailing-space-a, .cm-trailing-space-b, .cm-traili
diet55 2023/09/01
“Obsidianの場合、CSSスニペットで以下を記述することにより対応できました。 ”

Obsidian

CSS
リンク
XユーザーのMasaki Haraさん: 「DLsite、作品タイトルだけ user-select: none; がついててコピペできないようになってる。他ストアへの検索をしづらいようにするためだろうか。普通に不便だし邪悪。 https://t.co/6FbQlmMihM」 / X
- 1 user
- x.com
- 暮らし
diet55 2023/08/28
私なら PowerToys の機能の Text Extractor で、Win+Shift+T のショートカットキーを使ってテキストを OCR してしまうけれど、もっとライトな一般人を防げればいいのだろうな。

HTML

CSS

bookmarklet

developer tool

OCR
リンク
Obsidianで執筆の進捗状況をグラフ化する - Jazzと読書の日々
だんだん分かってきました。分割執筆分割して書くと﹁今どれくらい書いたかな﹂と気になるもの。理想的にはファイルごとの文字数が表示されるといい。でも、ちょっと簡単に数える方法がないわけです。 progress.md Minimalテーマ限定。ファイルサイズならdataviewで表示できる。 ```dataview table file.mday as "修正日", file.size as "サイズ", "<progress value=" + file.size + " max=3200></progress>" as "" from "Inbox" ``` 最後の﹁from "Inbox"﹂のところ。 "Inbox"を対象フォルダに書き換えてください。実行例上記のように進捗状況がグラフになります。﹁max=3200﹂なので、日本語で1600文字が﹁満点﹂になるようにプログレ
diet55 2023/08/19
「Minimalテーマにはテーブル用css」「テーブルをワイドにする」「行番号をつける」「文字を小さく」「行ごとに背景色を変える (row-alt)」／まったく知らなかった機能ばかり。これがMinimalテーマだけでできるなんて。

Obsidian

themes

CSS
リンク
Obsidian Playlist用のボックスを考えてみた - Jazzと読書の日々
Scrivenerの﹁リサーチ﹂に当たるもの。下書きだけ集めるんじゃなくて、書くための資料や設定も同じフォルダに収める。すると目次ファイルの役割がシステマチックになってきます。そこあたりをどう対応するか。 Playlist プレイリストを段差対応にしました。インデントに応じ、マージのときの見出しレベルを変更します。インストールは上記記事からどうぞ。 SetBox.md チェックボックスを変更するTemplaterスクリプトです。チェックを外せばマージの対象外になりますが、それだけだとなぜ対象外にしたのかわかりにくい。それでチェックボックス自体に意味を持たせようと思いました。 <%* e = app.workspace.activeLeaf.view.editor p = e.getCursor().line s = e.getLine(p) if(/- \[ \]/.test
diet55 2023/08/18
GUIのトグルにはしていませんが、他のテーマもバレットジャーナル記法`>`, `<`, `-` などはCSSスニペットで実装可能。逆に私はminimalテーマが標準で実装していたことを、あとになって知りました。

Obsidian

CSS
リンク
bowwownkoさんはTwitterを使っています: 「PDF のディープリンクは 1.3.6 からだったか。改めてリリースノートを眺めてみると色々と新しい発見もある。追加されていた CSS 変数とか。 #obsidian https://t.co/LfbyZ0EJEj」 / X
diet55 2023/08/03
Obsidian

PDF

CSS
リンク
Reddit - Cornell Notes In Obsidian : ObsidianMD
diet55 2023/07/23
Obsidianでコーネル式ノート。CSSスニペット cornell.css で3つのエリアに分ける。／Obsidian公式フォーラムでの同様の話題 https://forum.obsidian.md/t/cornell-notes-workflow-workaround/54636

Cornell Notes

Obsidian

CSS

notebook

Reddit
リンク
Reddit - Reduce split note size within Obsidian window? : ObsidianMD
diet55 2023/05/26
Obsidian

CSS

Reddit
リンク
Ordered list format
diet55 2023/05/20
CSSで解決できるのは知らなかった。

Obsidian

CSS

HTML
リンク
ℍ𝔸𝕐𝔸𝕋𝕆 ◬ ℕ𝕦𝕝𝕝𝕚𝕦𝕤さんはTwitterを使っています: 「これfigmaで見た時めっちゃ笑った https://t.co/Agx361Vn5N」 / Twitter
diet55 2023/04/24
Figma

TikTok

CSS
リンク
How to change the color of a link in editor mode
diet55 2023/04/20
Obsidian

CSS
リンク
1 2 次のページ

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx