BootstrapベースのシンプルなUIのオープンソース管理画面テンプレート・「tabler」 | かちびと.net

2018/03/20 69 users Bootstrap コンポーネント CSS 左カラム 視認性

tabler tablerはBootstrap 4ベースのシンプルなUIの管理画面テンプレートです。多くの場合は左カラムにメニューを配置するケースが多かった気がしますが、こちらは上部に配置されていますので操作性よりは視認性に優れている印象でした。システム全体はモジュール式となっているので必要なコンポーネントを追加する形を取れるため、軽量化しやすく設計されています。また、CSSで出来る部分はCSSで... 続きを読む

テーブルの情報をJSON化「Table-to-JSON」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/18 53 users jQuery JSON ダイアログ エンジニア ソフトウェア

Table-to-JSONはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。先日、JSONからテーブルを自動生成するTablerを紹介しましたが、今回はその逆です。テーブルタグからJSONを生成するTable-to-JSONを紹介します。 デモのテーブルです。Convertボタンを押します。 ダイアログが表示されます。確かにJSONデータで取り出せ... 続きを読む

JSONデータを使ってテーブルを表示「Tabler」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/08/12 53 users JSON カラム JSONデータ MIT License 全て

TablerはJavaScript製のオープンソース・ソフトウェア（MIT License）です。HTMLテーブルは様々な場面で使われます。そのため、より使い勝手よくカスタマイズしたり表示をダイナミックに変更したいと言ったニーズが出てきます。そこで今回はJSONからテーブルを表示するTablerを紹介します。 基本的な使い方。カラムを定義してJSONデータを当てはめるだけです。 全てを表示するので... 続きを読む