mermaid.jsが素晴らしいけどなかなか使ってる人見かけないので実例晒す(追記あり) - Qiita
mermaid.jsとは JavaScriptのチャート作成ライブラリです。他にも似たようなのは色々ありますが、これ一本でフローチャート、シーケンス、ガントに対応してるので、個人的にお気に入り。 http://knsv.github.io/mermaid/ サイトの各チャートのページ見ると書き方と何ができるかはわかるので、ご覧あれ。 僕の使い方 JSのライブラリを自分でインポートして何かすることはほとんど無くて(後述の理由からガントだけJSで使ってるけど)、基本的には以下の2つの方法で使ってる。 Haroopad フリーでクロスプラットフォーム(OS X, Win, Linux)なMarkdownエディタ。 v0.13からmermaid.jsがインテグされているので、何もしなくてもそのまま使える。 mermaid.jsのグラフの書き方は、コード表記で、言語をmermaidにしてあげるだけ。
NameBright - Coming Soon
voronianski.com is coming soon This domain is managed at
Interactive Drag and Drop Coloring Concept | Codrops
A little fun experiment where you can color a website mockup by dragging and dropping a color droplet from a palette. Today we would like to share a fun interactive coloring concept with you. The idea is to simply drag a color from a color palette to a website mockup and color designated areas of it (like sections or texts). You might have encountered customization tools before, but we wanted to a
麻雀の役を判定するプログラム - koba::blog
麻雀の和了形を求めるプログラムは書けたので、次は役を判定するプログラムを書いてみる。 入力は、 和了形を求めるプログラム - koba::blog で求めた和了形を用いる。 基本的には和了形にパターンマッチを試みて判定していくのだが、麻雀には複合役があるので、複合可能な役はすべて洗い出す必要があるし、複合できない役*1は排除しなければならない。 出力を役名と翻数の組の一覧とすると役満以外についてのプログラムは以下の通り。 function hupai(mianzi, zhuangfeng, zifeng) { var menqian = mianzi.filter(function(m){ return m.match(/[\-\+\=](?!_)/)}).length == 0; // 門前のとき true var zhuangfengpai = new RegExp('^z' + ((
JavaScript — Just another introduction to ES6
From ES6 the awesome partsJavaScript is gathering a lot of attention since news of Microsoft, IBM and the Linux Foundation announced their support to Node.js just few days ago. It is overdue to bring 2015 modern language features to JavaScript and ES6 is trying to do just that. Some frameworks like Angular 2.0 are early adopters of ES6 In this post I am going to introduce you to some of these feat
ES6 — destructuring
Destructuring is one more little addition to the upcoming JavaScript standard, which helps us write code more flexibly and effectively. It allows binding using pattern matching. We can use it for matching arrays and objects. It’s similar to standard object look up and returns undefined when value is not found. arraysToday it’s common to see the code such as this. // ES5var point = [1, 2];var xVal
クリエイティブなファビコンを設置しよう
2017年9月22日 Webサイト制作, 便利ツール Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです（Favourite + Icon = Favicon）。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します！ ↑私が10年以上利用している会計ソフト！ ファビコンをデザインする ファビコンは16×16ピクセルとかなり小さいながらも、その存在は偉大です。複数のタブを開いている時や、ブックマークリストの中から、ひと目見てどのサイトか区別できるからです。 多くの場合、そのWebサイトのロゴマークを縮めたり、簡略化したものがファビコンデザインとして採用されています。CHANEL、A
8188www威尼斯(中国)有限公司-首页|欢迎您点击
最可能的原因: 指定的目录或文件在 Web 服务器上不存在。 URL 拼写错误。 某个自定义筛选器或模块(如 URLScan)限制了对该文件的访问。 可尝试的操作: 在 Web 服务器上创建内容。 检查浏览器 URL。 创建跟踪规则以跟踪此 HTTP 状态代码的失败请求，并查看是哪个模块在调用 SetStatus。有关为失败的请求创建跟踪规则的详细信息，请单击此处。
WordPressでさまざまなタイプのかっこいいページが簡単に作成できるカスタマイズ性にも優れたテーマ -Optimizer
ランディングページ、スモールビジネス、ポートフォリオ、ギャラリーなど、企業や個人サイトを簡単に構築できる多目的用のWordPressのテーマファイルを紹介します。 「Optimizer」の名の通り、あらゆるデザインに最適化できるようカスタマイズ性に優れています。 Optimizer Optimizer -WordPressテーマディレクトリ OptimizerにはFree版とPro版があり、Free版ではいくつかの機能が利用できませんが、CC0ライセンスで個人でも商用でも無料で利用できます。 Optimizerのデモ Optimizerの特徴 Optimizerのデモ Optimizerを使うと、本当にいろいろなタイプのページやサイトが作成できます。
オーガニック食品をイメージさせるアイコンセット「Organic Food Icon Set」
特に最近、注目が高まっているオーガニック系食品。健康志向が強くなってきていることもあり、多くの人からの支持を集めているのではないでしょうか？そんな中今回紹介するのは、オーガニック食品をイメージさせるアイコンセット「Organic Food Icon Set」です。 ナチュラルテイストの、果物や食材をアイコン化。セットでダウンロードできるようになっています。 にんじんやピーマン、キャベツとった野菜、オレンジやバナナといった果物、パンやドリンク、きのこ、ジューザーといった食材を加工する道具などもアイコン化されています。可愛らしいテイストかつシンプルにデザインされているので、幅広いデザインに活用できるのではないでしょうか？ どちらかと言うと、女性をターゲットとしたコンテンツなどが多いイメージのオーガニック系テーマにぴったりの素材だと思います。特に使う機会の多い方は、是非この機会にダウンロードして
HTML5なアニメーションを作れるアプリ「Edge animate」と、「hype 3」 | バニデザノート
いわゆる「flashライク」といわれるインターフェイスで、html5なアニメーションを作れるアプリを試して比較してみました。 「Edge animate」「hype 3」ともに、アニメーションを作れるアプリです。 写真をスライドさせたり、ボタンを置いたり、頑張ればゲームも作れます。 読み込む情報にもよると思いますが、出来上がったものはflashよりは軽い印象。 バナー広告や、ネット上のプレゼンテーション、アイキャッチなどに利用します。 スマホ用のビューも作れますし、レスポンシブにもでき スマホやタブレットでも再生＆利用できるのが特徴でしょうかー。 PC上ではIE8＋他モダンブラウザで再生対応しています。 （古すぎるパソコンだと再生できないかもですね。） １）画像データをドラッグ＆ドロップして配置 ２）「録画」ボタンを押して、キーフレームを置きたいタイミングを選択→位置などを指定 ３）イージ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Page is Under Review
GitHub - nathco/Office-Code-Pro: Customized version of Source Code Pro
GitHub - bendc/sprint: A tiny, lightning fast jQuery-like library for modern browsers.
Get 1450 free vector icons for free
This page does not use JS
OpenCart - Open Source Shopping Cart
Node.js と MongoDB で n-gramを使って全文検索 | The Wacul Blog
md-date-time by SimeonC
bluefirex · design & music
