タグ

Markdownとcssに関するringo6119のブックマーク (2)

  • Markdown風テキストでダイアグラムが描けるWebツール - Qiita

    MarkDownDiagram Markdown風のテキストで、ER図やブロックダイアグラムのようなチャートを描けるツールです。 こちらにインスパイアされて、もうちょっと汎用的にダイアグラムを描けるツールを作りました。 もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った 特徴としては Webブラウザのみでローカルで動作 配置はマウスでドラッグして編集できる CSSで色や装飾を制御可能 といったあたりです。 githubからclone/ダウンロードして使えます。 オンラインで試すのはこちらでどうぞ。 ローカルでブラウザのみで動作します。index.htmlをブラウザで開いてください。 Chrome推奨ですが、Safari,Firefoxでも動作します。タッチIFは未対応。 機能 テキストでブロックを記述し、ブロック間を線で繋ぐ描画 ブロックをマウ

    Markdown風テキストでダイアグラムが描けるWebツール - Qiita
  • AtomでカッコよくMarkdown PreviewするためのCSS | TANKSUZUKI.COM

    みなさん、Atom使ってますか? 私はブログをMarkdown記法で書いています。 Atomでは標準でMarkdownのプレビューができるのですが、フォント中華風味になっていたり余白がイケてなかったりと気になるポイントがあるので修正してみます。 私が使っているAtomのバージョンは0.192.0 (0.192.0)です。 ユーザスタイルシートを開く AtomはChromium(Google Chromeの派生元)ベースで作られており、乱暴な言い方をするとエディタっぽいブラウザです。 なので、見た目の変更はスタイルシート(LESS)で行います。 Ctrl + ,で設定画面を開きます。 ThemesのChoose a Theme下にあるyour stylesheetをクリックしましょう。 表示されたstyles.lessをこれから編集します。 styles.lessはユーザが自由に定義でき

  • 1