タグ

ブックマーク / qiita.com/wakufactory (2)

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

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

    Markdown風テキストでダイアグラムが描けるWebツール - Qiita
    digitalglm
    digitalglm 2016/04/19
    Markdown風テキストでダイアグラムが描けるWebツール - Qiita: MarkDownDiagram Markdown風のテキストで、ER図やブロックダイアグラムのようなチャートを描けるツールです。…
  • ズンドコキヨシをフォントで - Qiita

    .zundoko { font-family:zundoko,sans-serif ; -webkit-font-feature-settings: "ccmp" 1 ; font-feature-settings: "ccmp" 1 ; } これで「ズンズンズンズンドコ」と書いた部分が、自動的に「キ・ヨ・シ! 」と表示されるようになります。 仕組み Opentypeのフォントフィーチャーを利用しています。特定の文字の組み合わせを別の字体で表示する合字機能を使って、「ズンズンズンズンドコ」で特定の文字「キ・ヨ・シ! 」を表示する仕組みです。実は「キ・ヨ・シ! 」は一つの文字です。通常の文字はカタカナのグリフのみ持っています。 合字機能は、ブラウザによって自動的に動作しますが、 Chromeでは -webkit-font-feature-settings: "ccmp" 1 ; の指定が必要

    ズンドコキヨシをフォントで - Qiita
    digitalglm
    digitalglm 2016/03/17
    ズンドコキヨシをフォントで - Qiita: .zundoko { font-family:zundoko,sans-serif ; -webkit-font-feature-settings: "ccmp" 1 ;…
  • 1