Marp for VS Code に頑張って CSS をあててみた - Qiita
はじめに 季節もすっかり冬となり、ついついすべての文章を Markdown で書こうと決意し、やってはみても最終的に失敗する病気にかかってしまう時期となりました。 本記事はそうやってなんでもかんでも Markdown で書いてみようとあがいた人間の記録となります。 TL;DR Marp for VS Code プラグインを使って、 Markdown からスライドを作るよ、という内容です。 あと、 Markdown All in One も利用しています（今回は目次の作成で使用）。 CSS を具体的にあててみて、どういう感じに見えるのか、という部分が主題になります。 本体である Marpit の説明、プラグインのインストール方法なんかは、正直なところ 公式のマニュアル を見る 上の検索窓に Marp って 入力して出てきた記事 を読む とかしたほうが詳しいことが載っていると思いますので詳細は
「CSSで蛍光ペンっぽいアンダーライン」はtext-decorationで実現できる
2022年現在、CSSでテキストに蛍光ペン風の下線を引く方法をググるとだいたいlinear-gradientを使った記事がヒットします。しかし、いまどきはlinear-gradientを使わなくてもtext-decorationで同じような表現ができるので紹介しておきます。 結論: こういうCSSをあてる /* セレクタ名はてきとう */ .highlight { text-decoration: underline; /* 下線 */ text-decoration-thickness: 0.5em; /* 線の太さ */ text-decoration-color: rgba(255, 228, 0, 0.4); /* 線の色 */ text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */ text-decoration-
VSCode と Marp で A4 マニュアルを作成する方法
VSCode と Marp で A4 マニュアルを作成する方法 背景 PowerPoint や Word で資料を作成するのが苦手なので、他に何か良い方法がないものかと探して見つけ出した手段を紹介。 というか、PowerPoint はそもそもスライド作成ソフトなので、それで書類作成するのはナンセンスですよね？ Marp もスライド作成ツール？ ……はて？ Word で作ればいい？ ……ちょっと何言ってるかわからないです。 というか、Word も PowerPoint も画像やデザインまわりの UI が煩雑すぎて正直苦手。 ちなみに、本来のスライド作成においても Marp はかなり優秀なので、そのあたりは各自で調べてみてほしい。 メリット 画像以外、全てテキストだけで作成できる マウス操作で細かい操作が不要、各サイズなどは数字入力で調整できる デメリット デザインの融通が効きづらい けっこう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
