#CSSClasses
#builderius Style Guide in the making. Easy, single place to set and preview your global styles (#cssvariables, #customproperties #CSSClasses, #selectors). 🥳🎨🎉

#webdesign #webdevelopment #WordPress #NoCode
December 21, 2024 at 10:52 AM
Obsidian、タイトルとタグと更新日付がカード的に一覧で見れないかと弄ってたのだけどなんとかなった。
テーマはminimalを使ってて、プラグインのStyleSettingsを使う。
dateviewでファイルを取得してプロパティのcssclassesにcardsを追加したら画像みたいな感じでいけた。
March 4, 2025 at 11:50 AM
Whew, card view and improved datetime math. You're reading my mind, @obsidian.md
Obsidian 1.9.3 Desktop (Early access)
Improvements - Changes to `cssclasses`, `aliases`, and `tags` properties: - Invalid values will no longer be hidden in Bases and the property editor. - Stri...
obsidian.md
June 26, 2025 at 8:40 PM
Obsidianだいたいソースビューしか使わんし厳密な改行無しでnovelクラスのファイルだけインデントを無効化するCSSスニペットでいいんでは フロントマターのcssclassesで指定すれば他のファイルと共存できるのでは?と思ったけどなんか上手くいかない
May 19, 2024 at 11:47 AM
スタイルの設定などをまとめてみました。ご参考まで。

◇Obsidianでファイルごとに背景色を変える - 倉下忠憲の発想工房
scrapbox.io/rashitamemo/...
Obsidianでファイルごとに背景色を変える - 倉下忠憲の発想工房
ObsidianでファイルごとにCSSを切り分けるを使うことで、CSSを切り分けられる。 特定のclassを持つ場合、ページの背景色を替えるためのCSS ページのフロントマター code:sample.yaml #.code-pageクラスが追加される cssclasses: weekly カスタムCSS code:style.css .is-focused .workspace-leaf.mod
scrapbox.io
July 9, 2024 at 2:12 AM
obsidianの現在のプラグイン

dataview
文献ノートをデータベース管理するために必須

calender
カレンダーUIとweekly noteのため必須

templater
日付関連、フロントマター操作、プロンプトボックスなどのホットキー割当に必須

outliner
バレットリストのホットキーが頻用なため必須

minimal theme settingsとminimalテーマ
cssclassesのcardsとlist-cards、色やレイアウトの微調整に必須

admonion
calloutのアイコンを覚えられないので必須

tag wrangler
tag操作に必須
February 13, 2024 at 11:30 AM
Small "learning somewhat daunting tech with my own goofy af human brain" win:

The Tasks plug-in maintainer included this very considerate & well-written warning about upcoming breaking changes in Obsidian,

and I figured out how to deal with it using the Linter plugin with some brief trial & error.
Missing tags, aliases and cssclasses in some Obsidian 1.9.x versions - Tasks User Guide - Obsidian Publish
Missing tags, aliases and cssclasses in some Obsidian 1.9.x versions Obsidian 1.9.0 reads properties strictly Warning: Breaking changes in Obsidian 1.9.xThe Bases functionality in Obsidian 1.9.x is a…
publish.obsidian.md
June 25, 2025 at 3:02 PM
#Obsidian 1.9 changes its front matter format for array values, so "tags: tag1, tag2, tag3" no longer works. If your vault is full of front matter in that format (aliases, note IDs etc.), then here's what you can do about it:

forum.actions.work/t/front-matt...

#ObsidianMD #PKM #ShortcutsApp
Front matter format in Obsidian 1.9, and how to deal with it
Obsidian 1.9 introduces a breaking change for some of the front matter: We have officially removed support for the properties tag, alias, cssclass in favor of tags, aliases and cssclasses. In additi...
forum.actions.work
May 29, 2025 at 2:48 PM
早速作った

基本設定、minimalテーマ、cssclasses、dataviewのテンプレコード、citationsの設定、commanderでのUI調整、9つのtemplater script、example project、Documentationsを含む

何も事前知識なくても使えるくらいにはなってる

今後は聞かれたら「サイト解読するか、買って」と言うことで過度に恩を売ることなく時短にもなるはず

名前のセーラームーン感

#Obsidian部

masa21gifus.gumroad.com/l/ucwfc
Marvelous Academic Research System
Obsidianの設定済みVaultテンプレートです無料文献管理ソフトのZoteroと連携して文献データベースを構築文献同士の関係性を視覚化・図示英文の推敲に適した執筆支援活動の記録あらゆる関連項目へのリンクなどの機能がすぐに使用できるように最適化されています文献データベースの一例↓↓デフォルト設定では文献ごとのノート、Zoteroに保存されたpdfファイル、元サイトへ飛べるようになっています執筆...
masa21gifus.gumroad.com
March 24, 2024 at 4:31 PM
- MinimalのcssclassesでDataview tableのカスタマイズ
- Minimal theme settingsで気分によってテーマ変更
- メタバインドで検索条件入力ボックス
- Dashboard++でマルチコラム化
- プロパティを非表示にするCSSスニペットとforce note view modeでリーディングビューの強制
- title タグと📌をアクセントカラーにするCSSスニペット
- background imageで背景をblurなランダム画像に
June 11, 2024 at 1:15 PM
After this, go to the Command Palette and run the Linter: Lint all files in vault command, and all your tags, aliases, and cssclasses will be updated to the correct format.
June 24, 2025 at 9:00 PM
In the Linter settings, make sure the following options are configured correctly:

• Set the General → YAML tags section style to “multi-line”
• Toggle the YAML → Format YAML Array option on
• Toggle the YAML → Force key values to be multi-line arrays box add the cssclasses property
June 24, 2025 at 9:00 PM
The bottom line: all tags, aliases, and cssclasses properties must be converted from this:

tags: tag1, tag2, tag 3

to this:

tags:
- tag 1
- tag 2
- tag 3
June 24, 2025 at 9:00 PM
Obsidi@n の 元々あった記事の.mdファイルを Astro用に整形
→ GitHub に Push
→ 感知して Cloudflare Workers で自動ビルド
→ 現 Cloudflare の仮URLで閲覧
とかとかまで何の問題も無くきてる

リンクカードとか、Obsidi@nの cssclasses 的なのを Astro に実装してそのまま流用できるようにしたりとかとか、恐ろしいのは、ここまでなんもコードみてない
AIちゃんの進言してくれるコードであれこれ言うこととかはあるけど、生のコード全然見ずに、ここまでやってきてるのヤバすぎる
というか楽しちゃいすぎてる
April 19, 2026 at 11:44 AM