マージンやパディングでもう悩まない、モジュール式WebデザインにおけるHTMLとCSSの新しい実装方法
Webページを制作にする時に、マージンやパディングをどのようにつけるか悩むことがあります。2カラムの隙間は、左パネルの右マージンorパディングなのか、右パネルの左マージンorパディングなのか。 Web制作の今までの考え方がきっと変わる、モジュール式のアトミック デザインにおけるHTMLとCSSの実装のロジックを紹介します。 Learning from Lego: A Step Forward in Modular Web Design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、著者様・元サイト様にライセンスを得て翻訳しています。 最近のWeb制作の手法は、数多くあるフレームワークやUIキットからあらゆる種類のコンテンツのブロックを組み立てています。しかしながら、モジュール性と汎用性はまだWeb要素レベルでは達成されていないと言えるでしょう。 LEGOブロックの考え方を
レイアウト（１０）-TableLayout - 愚鈍人
後でサンプルコードを示すが、設定メソッドの第１引数には0から始まる列番号を示す引数を指定する。 第２引数には、trueまたはfalseを指定する。 取得メソッドは、引数として列番号を示すint型の数値を指定する。 stretchColumns-列を伸ばす stretchは筋肉ストレッチのように「伸ばす」という意味である。 リスト１の実行画面のように画面に余白がある場合、stretchColumnsを指定するとTableLayoutが画面の横幅いっぱいに表示されるように、 指定した列を引き伸ばして表示してくれる。 以下はリスト１のmain.xmlを修正して、TableLayoutにstretchColumns属性を指定して列０と２の２つの列幅を広げて表示する例である。 リスト３-stretchColumnsの例（リスト１のmain.xmlを修正・抜粋） このプログラムを実行すると、以下のよう
jQueryMobileを使って 簡単にRuby on RailsサイトをクールなiPhone対応サイトにしてみた - yuumi3のお仕事日記
jQuery Mobile | jQuery Mobile を使って Ruby on Rails で作ったWebサイトを iPhoneなどのスマフォに対応したサイトに変更してみました。以下の画像は Ruby on Railsの Scaffold で作ったサイトをjQueryMobile対応した後の画面です。 クールなスマフォサイトになっています！ 1. まずは普通にscaffold でアプリを作る Railsはjavascript周りが大幅に強化された3.1を使っています。 % rails new jq_mobile % cd jq_mobile % rails g scaffold todo due:date task:string % rake db:migration % rails s 2. PC と iPhone でview(layout)を切り替える jQueryMobile用
Web 酒 肴 - [Android]ドラッグ、ピンチイン/アウトできるMatrixImageView ver0.1
Androidでちょっとやりたいことがあって、拡大した画像を自由にスクロール表示させる必要があった。 で、そういうViewがあるのだと思って探していたら、意外にも見つからない。 よくピンチイン/アウトしたりドラッグしたりする画像ビューアあるけど、あれみんな自力で実装してるということ？ そんなバカな、と思ったけど探しても見つからないし、とりあえず必要最低限のものはすぐできそうだったので作ってみた。 こちらのプログラムをかなり参考に、ベースにさせていただきました。 利用イメージはこんな感じ。 使い方は以下のようになります。 最後に記載しているMatrixImageView.javaのソースコードを貼っつけて、xmlファイル内でImageViewと同じように使用します。（もちろんソースコード内で直接MatrixImageViewを扱ってもOK） <jp.obanet.android.Matrix
fchiba's memo [Android]ImageViewの表示サイズの決まり方（リライト）
＃ http://fchiba.blog114.fc2.com/blog-entry-35.html をもう少しわかりやすく書きなおした。 ＃ レイアウト計算の詳細を知らなくても読めるようになったはず。 ImageViewの表示サイズは、以下の要素によって決まります。 1. layout_width / layout_heightのパラメータ 2. Drawableの画像サイズ(IntrinsicWidth/Height) 3. minWidth / minHeight 4. maxWidth / maxHeight 5. BackgroundDrawable の画像サイズ(IntrinsicWidth/Height) 6. adjustViewBounds 7. padding 8. matrix 9. scaleType 10. cropToPadding このうち、1.～7.によって
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーが教える「快適AndroidアプリのXMLレイアウト」
