Vue.jsで最速に始めるCheetah Grid | フューチャー技術ブログ
はじめに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 MOONGIFT
MGBox2はシンプルながらセンスのいいグリッド表示ライブラリです。 iOSアプリが流行るか否かはアプリ本質の面白さはもちろんのこと、デザインも大きなウェイトを占めています。そこでどんな見せ方が有効であるかを常に検討する必要があるでしょう。今回紹介するのはMGBox2、グリッド表示のライブラリです。 縦型の例。 +をタップすると画像が追加されます。 こちらはリスト部。 横向きの例。 こちらは下に画像が追加されます。 縦で表示している時には2列で画像のサムネイルが表示されます。一番最後にはプラス画像があり、タップすると画像が追加表示されます。画像をタップすると逆に消えます。さらにリストもあり、子リストは下に追加表示されます。横向きの表示の場合は左に画像が1列で、右側にリストが並んで表示される仕組みになっています。iOS用となっていますが、iPadで表示するとグリッドが乱れたので主にiPhon
Jason English
Hiker, photographer and software engineer documenting his travels around the world.
[JS]プロダクトの一覧表示を1クリックで、リストとグリッドに切り替えるチュートリアル
ベーシックな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
Xlune::Blog
可変グリッドレイアウト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
Gridpak.com - Graphisme et webdesign
Imagine, si tu veux bien, un monde où Google n’est plus le roi incontesté de la recherche sur Internet. Un monde où un autre titan de la technologie, Apple pour ne pas la nommer, se fraye un chemin vers le trône de la recherche en ligne. Oui, mes chers lecteurs, le scénario n’est pas tout à fait inimaginable. Selon Bloomberg, notre vieille pomme aurait des pensées avouables en ce sens. Souviens-to
iPhone向けWebサイトを細かく制御するグリッドライブラリ·iPhone.gs MOONGIFT
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のデュ
Welcome to Square Bracket - Open JS Grid v2
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ページを開く
Layoutit Grid — CSS Grids layouts made easy!
http://gridster.net/