kansiho's memo

ruby, python, javascript. Rails, wordpress, OpenCV, heroku...

デザイン

D3.jsによるデータビジュアライゼーション-樹形図(d3-hierarchy・Treeview)まとめ

インストール d3.tree() tree(root) tree.size( [width, height] ) tree.nodeSize( [width, height] ) サンプルコード データ可視化ライブラリD3jsの中でも, 階層的なデータの表現を扱う, d3-hierarchyモジュールの中の樹形図を表現するTreeAPIについてまと…

Dribbbleとかpinterestを1日3hダラダラ見る私の思う最近のウェブデザインのトレンド

トレンドだなあと思うこと: でかいタイポグラフィー 写真のクオリティが高い ミニマル・cleanなデザインで, 面積あたりの情報がすくない 文字を減らしアイコンに. アプリっぽい操作感 拡散型シャドウによる奥行き感 強めのコントラスト Apple 風のグラデー…

はじめてのグラフの描画 - D3.js を利用してDOM操作・棒グラフを作成してみる

D3.jsはとても便利なグラフ用ライブラリです。データに応じたDOM要素の扱いがとても簡単にできます。 導入 CDNが利用可能です。 <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> チュートリアルは D3 入門 | スコット・マレイ | alignedleft が大変わかりやすいです。以下はこのチュートリアルに沿っていま…

font-awesomeに飽きたら使いたい、いろいろなアイコン

ボタンを押したらスクロールダウンが始まり、指定の位置まで下がっていく実装をデザインまで[javascript, jQuery, css]

いろいろなjQueryプラグイン

よく使われるフロントライブラリを集めてみた。 あくまで「使う」ではなく、「読める」「適切な位置に置く」ための参考程度の情報。

herokuでカスタムエラーページ&メンテナンスモード

javascriptイベントで作成した要素に対してonイベントが効かない

対処法:動的に変化する要素のイベントは、変化しない親の要素に仕込む。

非エンジニアが管理しやすいRuby on Railsアプリの作り方を考える[wordpress/CMS/ブログシステム]

受託開発をするにあたって、気をつけなくてはいけないのが、管理画面の非エンジニアにとっての使い勝手の良さだ。 wordpressなみの管理画面の使用感を持ちつつ、Railsでスケーラブルな構成にするためにはどうしたらいいかちょっと調べてみた。 1. wordpress …