Hatena Blog Tags
はてなブログ トップ
layout
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

layout

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
ジブンノート•1ヶ月前

『Every Layout』を読みました

先日、『Every Layout - モジュラーなレスポンシブデザインを実現するCSS設計論』を読みました。 CSS設計に関する深い洞察が詰まった一冊で、多くの学びを得られました。本記事では、その中で特に印象に残ったポイントを紹介します。 CSS設計の基本方針: ブラウザに計算させる CSSを書く際に、"height: 100px;" や "width: 100px;" のような絶対値を使うと、表示するデバイスやビューポートによって崩れる可能性があります。 これを防ぐには、相対的な値を活用するのが有効です。 例えば、以下のような単位や手法を使うことで、レスポンシブなデザインを実現できます。 相…

#書籍レビュー#CSS#layout#Every Layout

ネットで話題

もっと見る
929ブックマークLayout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!by Alessandro Fulciniti In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same mar...www.html.it
668ブックマーク理解しておきたい、CSSによるインラインレイアウトの仕組み（font-size／line-height編）Inline Layout─Frontrend Conferencehtml5experts.jp
470ブックマークよく使用されるWebページのレイアウトやUI要素91種類をシンプルなCSSで実装するコードのまとめ -CSS Layoutcoliss.com
459ブックマークデザインが苦手な人、すぐに使いたい人にぴったりなウェブページ・ワイヤフレーム用のPSD素材 -Layout Labデザインが苦手な人、すぐに使いたい人にぴったりなウェブページ・ワイヤフレーム用のPSD素材 -Layout Labcoliss.com
415ブックマーク画像による Layout Shift が無くなる Web がやって来る - mizdra's blogwww.mizdra.net
412ブックマークJavaScriptでのDOM操作は重いのかという話とForced Synchronous Layoutについて - id:anatooのブログanatoo.hatenablog.com
339ブックマークCSSのレイアウト40種類を集めた「Layout Gala」 - GIGAZINEgigazine.net
313ブックマークCSSを使ったレイアウトのテクニックがしっかり学べる良コンテンツ -Learn CSS Layout全部英語ですが、CSSを使ったレイアウトのテクニックがしっかり学べるコンテンツを紹介します。 Learn CSS Layout コンテンツは最新のモダンブラウザでご覧ください。 以下、簡単な説明を添えcoliss.com
298ブックマークCSSやHTMLを知らなくてもレイアウトやタブや角丸が作成できる -Layout GeneratorsCSSやHTMLを知らなくても複数のカラムやグリッドレイアウト、タブ、角丸などがオンラインで簡単に作成できるLayout Generatorsを紹介します。coliss.com

関連ブログ

musicLineアプリ開発日記•3年前

includeタグでレイアウトを再利用する

Android開発で、同じようなレイアウトを部品化して再利用する話。 今回はmusicLineで実装中の機能「アクティビティログ」を例に解説します。 いつでも、どこでも、気軽に作曲 ♪ musicLineをインストール アクティビティログ レイアウトを部品化 アクティビティログでは、6か所に同じようなレイアウトがあります。 同じようなレイアウト 各々のレイアウトの構成要素は4個あります。 レイアウトの構成要素 これら4個の要素を変更できるようにレイアウトファイルに変数を定義します。変数は@{ }でDataBindingすることで使用します。 <?xml version="1.0" encodi…

#Android#UI#include
くま's Tech系Blog•4年前

UIViewのレイアウトライフサイクルについて

今回はUIViewの表示についてまとめようと思います。 AutoLayoutが効かない・Viewの表示位置がおかしい・表示されない・画面表示までが遅いことが実装している中で1度は経験はあると思います。 このような問題は、Viewの表示の流れを理解せずに開発していることが原因かもしれません。 UIViewのレイアウトライフサイクルは下記の順で行われます。 制約の更新 フレームの更新 レンダリング それでは、1つずつ見ていきましょう！ 制約の更新 以下の条件で、Viewの制約が変更されるとUIViewクラスのupdateConstraints()が呼び出され制約の再計算が行われます。 制約のact…

#iOS#layout#Swift
英語の顔表情.airabuwo.blog•5年前

LAYOUT

Layout. レイアウト

#layout#レイアウト#設計#割付#割り付け#設計図#配置図#見取り図#配置#配列