Dashboards by Keen IO – グラフを多用したBootstrap管理画面テンプレート
Bootstrapが特に活かされている場面というと、管理画面ではないでしょうか。そこまで画面デザインにこだわらなくてよく、情報設計がきちんとできていれば見栄えの良いUIが作成できます。開発者自らが設計、デザインできるのが手軽で良いです。 そんなBootstrapを使った管理画面デザインは多数ありますが、今回はビジュアル化を特に想定しているDashboards by Keen IOを紹介します。 Dashboards by Keen IOの使い方 まずはデザインを見てみましょう。 Dashboards by Keen IOはBootstrap 3.2に対応しています。Bootstrapのバージョンアップは早いのでこの辺りの対応バージョンのチェックも忘れないようにしましょう。 Dashboards by Keen IOはHTML5/JavaScript製、MIT Licenseのオープンソース
shaky - 意外と難しい。正確に書かないドローライブラリ MOONGIFT
コンピュータは正確な図形を描くのは得意です。逆に人は正確な線をフリーハンドでは引けませんが、それがかえって味があったりして柔らかな印象を与えます。コンピュータの描く線は冷たい印象を受けるでしょう。 そこで使ってみたいのがshakyです。Canvasを使ってドローするのですが、その描く図形が手書き風でいい感じなのです。 shakyの使い方 デモの編んだ図形。右側に行くほど乱れているのが分かるかと思います。 マウスに連動して動く線。ちょっとした乱れがいい感じです。 こちらは四角。並んではいつつも線がぶれています。 直線。 四角。これはぶれて動きます。 円。とはいっても完全な円にはなっていません。 こちらはちゃんとした円。ですが崩れています。 楕円。かなり乱れています。 右下にいくほど崩れる図形。 正確に書かないというのは面白いテクニックと言えます。フリーハンド風に描くことで、プロトタイプをスク
日本語・英語・中国語・韓国語対応のオープンソースフォント「Source Han Sans」
AdobeとGoogleが共同開発した多言語対応のオープンソースフォント「Source Han Sans」がリリースされました。 The Typekit Blog | Source Han Sansの紹介：オープンソースのPan-CJK書体 http://blog.typekit.com/alternate/source-han-sans-jp/ Google Developers Blog: Noto: A CJK Font That is Complete, Beautiful and Right for Your Language and Region http://googledevelopers.blogspot.jp/2014/07/noto-cjk-font-that-is-complete.html Source Han Sansの基本デザインを担当したのはAdobeのフォ
WebベースのVisioと言えそうな·Diagramo MOONGIFT
DiagramoはWebベースのフローチャートアプリケーションです。 個人的にCacooというサービスを好きでよく使っているのですが、機密性の高いドローなどではクラウドサービスが使えないかも知れません。そんな時に試してみて欲しいのがDiagramo、Webベースのフローチャートソフトウェアです。 インストールします。ウィザードで進めていくだけです。 メイン画面です。左側にステンシル、中央が実際に配置する部分です。 日本語も使えます。 ネットワークやUMLも作成できます。 ステンシルがドラッグアンドドロップではなくクリックベースなのはちょっと残念ですが、操作性は悪くありません。画像エクスポートは有料の範囲になっていますが、フローチャートをはじめとする図面の共有目的であれば十分ではないでしょうか。 DiagramoはPHP製のオープンソース・ソフトウェア（GPL）です。 MOONGIFTはこう
多機能さが売りのダイナミックスライド·jmpress.js MOONGIFT
jmpress.jsはImpress.jsライクなダイナミックプレゼンテーションを実現するjQueryライブラリです。 一つのWebページ上でダイナミックなスライドを展開するimpress.jsを先日紹介しましたが、さらにすごいプレゼンテーションを展開できるかもしれないスライドライブラリがjmpress.jsです。 トップページです。 Impress.jsライクにぐるぐる動き回ります。 画像も表示できます。 プレゼンノートも出せます。 ズーム対応です。 スライド内でのアニメーションも可能です。 こちらはボックス。立体のボックスが回転します。 自動的にレイアウトを調整してくれるサンプル。 動的にスライドを生成するサンプル。 上に並んだサムネイルが回転しながら順番にスライド表示されます。 画像をメインコンテンツにしたスライドサンプル。 写真のサムネイルが並んでいます。 こんな感じでサークルにな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobeから初めてとなるオープンソースのフォントがリリース -Source Sans Pro
