Sort, Filter, Edit！多機能なtableを実装できる「Smart Table」 - Tecuration .com
「Smart Table」はソート、フィルタリング、フォーマッティング、Edit、セレクトなど多機能なテーブルを実装することの出来るJSライブラリです。 Smart Table 「Smart Table」ではtableタグを一切使わず、JavaScriptのMVCフレームワークであるAngularJSによって作られたライブラリを用いることでtableを実装します。難しそうに思うかもしれませんが、まったくそんなことはありません。リンク先では実装例も丁寧に載せてくれています。今日はまずどんなtableが実装できるのかを紹介し、その後実装例を載せていきます。 「Smart Table」で実装することの出来るtableです。まずはベーシックなtable。 フォーマットかつ、ソートが出来るtable。Last Nameには小文字が入ってきても自動的に大文字変換されます。また、各カラムでデータの昇順、
Tuktuk·フラットUI、軽量なUIフレームワーク MOONGIFT
HTML5のUIフレームワークは何を使っていますか。恐らく最も多いのはBootstrap、ついでZurb Foundationかなと思います。やはり情報量も多くてライブラリも多数揃っているのは大きなアドバンテージと言えるでしょう。 しかしその代わりにBootstrap臭と言われるような“らしさ”を感じさせてしまって敬遠されることもあります。そこでちょっとマイナーなフレームワークを採用することで他者と差別化をはかることができるでしょう。今回はTuktukを紹介します。 Tuktukの使い方 まずはサンプルを見ていきます。 ブログテンプレート。 ランディングページ。 最近よく見るような4つのカラムに分かれたページ構成もできます。 こういう大きな著者ページもよく見かけますね。 プロフィールページ風。 Webアプリケーション風。 Tuktukは緑と濃い灰色を基調にしたデザインとなっています。フラッ
CSSによる段組レイアウトのフレームワーク - lucky bag
CSS による段組レイアウトを実現するには、float プロパティか position プロパティのどちらかを使った方法を選択することになると思うのだけれども、 float 派の自分としては position を使った方法の利点・欠点を知っておかなければと思ったんで、float で作ったのと同じように position でも段組レイアウトを作ったみた。せっかくだから、それらレイアウトをまとめた CSS フレームワークを公開します。 CSS による段組レイアウト ちなみに、各レイアウトの詳細な説明はありません。それについては、いつか何かで解説します。 また、このフレームワークは自由に使って頂いて構いませんが、それによって生じる問題についてのサポートは行いません。 ただし、こういう状況では崩れるよという報告や、逆にこうすると良いよというアドバイスが頂けるのであれば、ぜひお願いします。 という非
Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime
結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るようになっています。 そういった仕様にする事で、シンプルで綺麗で可読性の高いソースを保てるように設計されていたりと、結構参考になるスターターキットですよ。フレームワークは自作してるので良い部分を組み込んでみようかなと思いました。 タブやドロップダウン、スライドショーなどを備えているだけでなく、class名1つで実装出来るようになっているので、綺麗なソースを保持する事が出来るようになっています。 いろいろ
HTML5, CSS3, jQueryを使用したフロントエンド開発用のフレームワーク -G5 Framework
CSSのキャッシュ対策 クロスブラウザ対応の角丸、ボックスシャドウ、不透明 ショートハンドCSS、再利用可能なclass ページ下部に固定表示されるSticky Footer CSS（Reset関連） リセットはHTML5ベースのEric Meyer's Reset Reloaded フォントのノーマライゼーション Webkit系ブラウザのフォントのスムージング フォーススクロールバー ラベルの一列化 クリック可能なインプット要素 スクリーンリーダー対応 IE7のイメージリサイジング 印刷時のスタイル X(HTML) クリーンなコード構造 コンテンツ幅は940px F型レイアウト 古いバージョンのIEからイメージツールバーの削除 最新のIEのレンダリングエンジン jQuey 1.5.2ベース（1.4.4も可） ページ上部へスムーズにスクロール HTML5のプレースホルダー機能 ナビゲーショ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
