はじめに2019年入社、TIG所属の吉野貴大です。 今回、記事を投稿することになったキッカケは、フューチャー発のOSSであるCheetah Gridを使用した業務システム開発に携わったことです。 また、Cheetah Gridの公式ドキュメントは英語のみで、現時点では日本語の解説記事が少ないこともあり、業務システム開発で使いやすいと思われるCheetah Gridの機能を紹介していきます。 内容Cheetah Gridの入門として、業務システム開発で利用する際のCheetah Gridについて、各コンポーネントの概要と簡単な使い方を実装付きで説明します。 細かいコンポーネントの属性や高度なコンポーネント（c-grid-layout-rowとc-grid-header）については説明しません Cheetah GridのAPIにはJavaScript版とVue.js版がありますが、Vue.js
MGBox2はシンプルながらセンスのいいグリッド表示ライブラリです。 iOSアプリが流行るか否かはアプリ本質の面白さはもちろんのこと、デザインも大きなウェイトを占めています。そこでどんな見せ方が有効であるかを常に検討する必要があるでしょう。今回紹介するのはMGBox2、グリッド表示のライブラリです。 縦型の例。 +をタップすると画像が追加されます。 こちらはリスト部。 横向きの例。 こちらは下に画像が追加されます。 縦で表示している時には2列で画像のサムネイルが表示されます。一番最後にはプラス画像があり、タップすると画像が追加表示されます。画像をタップすると逆に消えます。さらにリストもあり、子リストは下に追加表示されます。横向きの表示の場合は左に画像が1列で、右側にリストが並んで表示される仕組みになっています。iOS用となっていますが、iPadで表示するとグリッドが乱れたので主にiPhon
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Hiker, photographer and software engineer documenting his travels around the world.
ベーシックなHTMLとCSSで実装されたプロダクトページの表示をリストとグリッドに切り替えるjQueryのチュートリアルを紹介します。 Building a List/Grid View Switcher with jQuery [ad#ad-2] デモ 実装 デモ 表示の切り替えは、右上のアイコンをクリックで。 デフォルトはリスト表示で、プロダクトのサムネイル、リンク、購入ボタンがセットになっています。 デモページ：グリッド表示 実装 HTML HTMLはそれほど複雑ではありません。 まずは、右上の切替用のアイコンのHTMLです。 <span class="list-style-buttons"> <a href="#" id="gridview" class="switcher"><img src="images/grid-view.png" alt="Grid"></a> <a hr
可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008
iPhone.gsはiPhone用のWebサイト向けのグリッドライブラリです。 iPhone向けの最適化サイトを作る際に、グリッドに沿った奇麗なサイトを作りたいと思ったらiPhone.gsを使ってみましょう。4/6/8のグリッド表示ができます。 4カラムのグリッドです。320pxを最大幅として1:3、2:2、1:1:1:1に分かれます。 同様に6カラムのグリッドです。この場合は460px（サイトでは480pxとなっています）を最大幅としています。 8カラムです。かなり細かくなっています。 HTMLソースです。 横向きなら何とか…。 8カラムになると相当細かい印象ですが、より細かく制御したサイトが作れそうです。iPhone.gsはベースとして960 Grid Systemが使われています。 iPhone.gsはiPhone用のオープンソース・ソフトウェア（GPLとMIT Licenseのデュ
No database work needed Open JS Grid comes with a mysql class so you don't have to do any database work yourself. Checkout the examples below on how to do what normally would be complex database queries. Sorting / Filtering / Resizing Basic grid functionality here, you can sort columns, filter existing data, and resize the columns. You can also resize the grid. Along with that, if you resize the g
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
