tarboのブックマーク - はてなブックマーク

https://design-spice.com/2012/06/13/responsive-web-design-image/

tarbo 2012/06/16

webdesign

リンク

知識0からのjQuery Mobileを使ったサイト制作に役立ったサイト

このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、今回の制作にあたり役に立ったサイトをまとめました。このブログのスマートフォンページをjQuery Mobileを使用して制作してみました。それ以前はjQuery Mobileについてほぼ知識0の状態だった私が、今回の制作にあたり役に立ったサイトをまとめました。 jQuery Mobile | jQuery Mobile 本家本元。敢えて紹介するまでもないのですが一応。現在のバージョンは1.0RC2（2011.11.01現在）です。そろそろ正式版がでる予定です。 jQuery Mobile 1.0b1 日本語リファレンス jQuery Mobile 1.0b1 日本語リファレンスバージョン1までの内容ですがjQuery

tarbo 2011/11/02

jquerymobile

リンク

レスポンシブwebデザインで制作する時のポイント

先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。（一部の図はセミナーの資料を元に作成してます。）始めに：スマートフォンサイト制作の選択肢スマートフォンサイトを制作するには幾つかの方法があります。アプリ独自系スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用流用系現在のデザインをほぼ流用、調整のみレスポンシブ・デザインどの方法にもメリットデメリットはあり、どれが最適かはサイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。今回のエントリーではレスポンシブ・デザインのみにふれます。レスポンシブwebデザ

tarbo 2011/09/22

リンク

Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice

レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。レスポンシブwebデザインエラスティックレイアウトリキッドレイアウトフレキシブルレイアウト固定幅レイアウトグリッドレイアウト可変グリッドレイアウトレスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。メリット一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。また今後デバイスの種類が増えてもそれに対応できます。それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。デメリッ

tarbo 2011/09/01

webdesign

リンク

私がwebサイトのラフデザインを制作する時の流れ │ Design Spice

私がwebサイトのラフを作る時の流れを書いてみました。独学で身に付けた方法であり、一般的な方法ではないかも知れないことを予め断っておきます。私にはやりやすい方法ですが、他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。（※本文中のショートカットキーは全てMacの場合です）希望デザインのヒアリング ※委託業務の場合ですどんなデザインが希望かを先方にヒアリングします。この時にできるだけ、クライアントのイメージを明確にするため抽象的でも良いので沢山言葉を貰います。明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う