ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/05fd7ce64d0c6e68b59b1693e6d508f6f914a49a/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2010%2F11%2Fcss_1.png)
たった二行のシンプルなスタイルシートで、さまざまなサイズのカラムを設定するグリッドのフレームワークをを紹介します。 .row { display:table; width:960px; margin:0 auto } .cell { display:table-cell; vertical-align:top; padding-left:10px } HTMLもシンプルでdiv要素を使うだけです。 HTML 3カラムの例です。カラムの数にあわせて、div要素を配置します。 <div class="row"> <div class="cell" style="background-color:#aaa;">1</div> <div class="cell" style="background-color:#bbb;">2</div> <div class="cell" style="back
JoはHTML/JavaScript製のオープンソース・ソフトウェア。HTML5が隆盛になっている。まだ時期尚早という声もあるが、モバイルについてはWebKitベースが大勢とあって、実用レベルになってきているのではないだろうか。 ポップアップ そんな中必要になるのが、フレームワークだろう。フレームワークを使うことで、実践的なWebアプリケーションが容易に構築できるようになる。その先兵として紹介したいのがJoだ。 JoはWebKitベースで動作するHTML5フレームワークだ。そのため、iOSやAndroidはもちろん、SafariやGoogle ChromeさらにDashboard Widgetでも利用が可能だ。HTMLはあまり記述せず、JavaScriptによって画面のレンダリングを行うのが特徴だ。 リスト選択 そのため、スクリプトベースでWebアプリケーションの開発が可能になる。デザイン
Nagare projectはGUI並みの画面と機能を備えたWebアプリケーションを開発するためのフレームワーク。 Nagare projectはPython製のオープンソース・ソフトウェア。いわゆるWebサイトとWebアプリケーションとは区別して考える必要がある。そうしないと本質を見失う。Webアプリケーションはローカルアプリケーションの代替えになり得る存在だ。 電卓やカウンターのデモ 今後、Webアプリケーションはどんどんニーズを増していくだろう。そんな時にはAjaxは当たり前で、開発方法も変わってくるかも知れない。そこで注目したいのはNagare project、Webアプリケーション開発用のフレームワークだ。 Nagare projectはHTMLを手打ちで入力しない。画面のオブジェクトを定義して描画すれば、画面上のアクションでPython側のメソッドが呼ばれる。イベント駆動型の開
iPhoneなどのモバイルデバイスには320px、iPadやネットブックには768px、デスクトップなどのブラウザには1280px、三種類のデバイスにあわせてレイアウトを切り替えるフレームワークを紹介します。 Less Framework 2 ベースとなるカラムは下記のようになります。 iPhoneなどのモバイルデバイス 320px、2カラム iPadやネットブック 768px、5カラム デスクトップなどのブラウザ 1280px、8カラム 三種類のレイアウトは同じグリッドを使用しており、カラム幅:120px、溝幅:24pxとなっています。 異なる点はカラムとマージンの量です。 レイアウトの変更にはCSS3のMedia Queriesが使用されています。 body {width: 696px;} @media only screen and (max-width: 767px) { body
HTMLの各要素のデフォルトのスタイルをリセットするだけでなく、見出しやパラグラフ、リスト、フォームなどの新しいスタイルの再構築も想定されたスタイルシートのフレームワークを紹介します。
Ext CoreはダイナミックなWebサイト構築に最適な軽量かつ高機能なクロスブラウザー対応のJavaScriptライブラリです。その特徴は: ファイルサイズがコンパクトな約25kb (ext-core.jsをgzip圧縮した場合) 柔軟かつ利用しやすいオープンソースライセンスのMITライセンス Ext開発メンバーにより執筆された体系的かつ網羅的な75ページのマニュアル これまでのExt JSを同じ使い慣れた直感的なAPI Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます Ext JS 3.0とExt GWT 2.0が
TOP > WebDesign > WEBデザイナーのためのフレームワーク30「30 Useful Frameworks for Designers」 一から全てデザイン、制作することは精度も上がりますし、クリエイターとしては当たり前のことなのかもしれませんが、案件ベースで見て、予算や時間的な問題で、デザイン、設計などを全てオリジナルでこなそうと思うと無理がある案件もあるかと思います。そんな時に役立つのが今回紹介するWEBデザイナーのためのフレームワーク30「30 Useful Frameworks for Designers」です。 Simpl よく見るグリッドシステムから、シンプルなCSSのデザイン処理を集めたもの、wordpressのテンプレートを作るためのものなどなど、制作の負荷を軽減してくれる、様々なフレームワークがまとめられています。今日はその中から幾つか気になったもの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く