なぜ初心者は「UIコンポーネントにマージンをつけるのか」初心者が解説します
Twitterなどで、よく「UIコンポーネントにマージンをつけるな」という言及をよく目にします。 以下の記事など、とても分かりやすく参考になるかと思います。 しかし、私はそれらの言及・記事などを見た上で(おそらく)UIコンポーネントにマージンを持たせる実装を行なってしまっていました。 熟練者から見ると、「UIコンポーネントにマージンをつけるな」というのは、これらの記事を見ていない(つまり知識としてない)ということが原因として起きると思われているのではないでしょうか？ そのようなケースも多々あると思いますが、今回は知識として持っているにも関わらず「UIコンポーネントにマージンをつけてしまっていた(現在進行形かもしれない)」私の話をしようかと思います。 なお、この記事を書くにあたって「Every Layout」という書籍から着想を得ました。 気になる方はチェックしてみてください。 なぜコンポー
Kyash Androidのレイアウト共通化の指針 - Kyash Product Blog
Kyashで主にAndroidアプリを開発している@konifarです。 Androidアプリの画面を作る上でレイアウトの統一感をどう担保するかという話は、きっとどの会社でも考えるものですよね。 自分自身もまだ試行錯誤中なのですが、Kyashではこうやってるよという指針をスクショとコードを交えながらまとめておこうと思います。 res/values以下のリソースファイルをこんな感じで考えて使ってるよという話を中心にまとめるので、その前段のプロダクトコンセプトやデザインガイドラインの話については今回は割愛します。もし興味があれば、「気になる」「読みたい」みたいな感じでツイート or コメントしておけば、弊社デザイナーが書いてくれるはずです。自分も読みたいです。 余白や文字サイズの統一 どのアプリでもやっていると思いますが、余白や文字サイズはdimens.xmlにまとめています。 よく起こりがち
Qiita の新記事ページのレイアウト実装 - Qiita
この投稿は Increments Advent Calendar 2017 の5日目の記事です。3日目の @htomine に続き、記事ページのデザインについて説明する予定でしたが、リリースブログ と内容がかぶるので、この記事では記事ページのデザイン実装について述べます。 Qiita の記事ページで利用した CSS の比較的新しい機能は以下の2つです。 CSS Grid Layout Module position: sticky これらの紹介と、Qiita での使い方を解説します。 CSS Grid Layout Module CSS Grid Layout Module (以下 CSS Grid) とはその名の通り、CSS でグリッドレイアウトを実現する仕様です。display: grid という display プロパティに新しい値が追加され、その宣言がされている要素にグリッドレイア
AndroidレイアウトをつかってUIパーツを配置する方法 | TechBooster
AndroidではTextVeiwやButtonなどを配置するため、Layoutを利用します。今回は各レイアウトについて簡単に解説します。 レイアウトの種類 レイアウトは以下の4種類を使うことができます。それぞれのLayoutは組み合わせたり、入れ子にしたりして目的の構成を作ります。 LinearLayout もっとも単純なレイアウトで、要素となるViewは縦・横へ順番に並びます TableLayout テーブル形式でレイアウトを作成することができるほか、複数の列を結合して配置できます FrameLayout 複数の要素（View）を重ね合わせて表示します。重ね合わせの原点は左上です。 RelativeLayout お互いの位置関係により、表示箇所を決めるレイアウトです。 これ以外にも、過去にはAbsoluteLayoutという絶対座標で指定できるレイアウトが存在していました。複数種類の解
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザインのセオリーを学ぼう
