About Cosense
Help
Log in
アープラノート
C
S
S
グ
リ
ッ
ド
>
C
S
S
G
r
i
d
L
a
y
o
u
t
(
グ
リ
ッ
ド
レ
イ
ア
ウ
ト
)
は
、
2
次
元
レ
イ
ア
ウ
ト
を
、
H
T
M
L
/
C
S
S
を
使
っ
て
簡
単
・
自
由
に
操
作
で
き
る
、
C
S
S
の
新
し
い
機
能
で
す
。
>
格
子
状
の
マ
ス
目
の
グ
リ
ッ
ド
に
好
き
な
順
番
に
配
置
し
た
り
結
合
し
た
り
す
る
こ
と
で
、
様
々
な
レ
イ
ア
ウ
ト
が
可
能
に
な
り
ま
す
。
>
C
S
S
G
r
i
d
L
a
y
o
u
t
を
極
め
る
!
(
基
礎
編
)
-
Q
i
i
t
a
関
連
:
F
l
e
x
b
o
x
C
S
S
グ
リ
ッ
ド
の
書
き
方
に
つ
い
て
は
、
/
p
r
a
r
p
l
a
/
C
S
S
グ
リ
ッ
ド
の
書
き
方
Related
Sort by
Related
Modified
Created
Last visited
Most linked
Page rank
Title
Links
Flexbox
「Flexible Box Layout Module」の略。[_ CSS3で追加された新機能]。Flexbox(フレックスボックス)とは、[*_ 複雑なレイアウトも簡単に組める書き方のこと]。[CSS]で[レイアウト]を組む上でのベースとなる。以前はfloatプロパティでレイアウトを組むことが多かったが、[_ 現在ではflexboxが主流となっている]。
レイアウト
>レイアウト(英語: layout、 lay-out)とは、デザイン(紙、ウェブ等)、建築設計、インテリア(展示会場・展覧会場設計、ショールーム設計などを含む)、書籍・雑誌・新聞などの編集等々において、[*_ 何をどこにどのように配置(割り付け)するかということ、また、そのような配置(割り付け)をする行為も意味する]。>[レイアウト - Wikipedia https://ja.m.wikipedia.org/wiki/レイアウト]
レイアウト
UI
UIはユーザーインターフェース(user interface)の略。>[_ 利用者が対象を操作するために接する部分]。パソコンの場合、マウスやキーボード、ディスプレーといった機械的な要素、どのように操作するかという手順、画面に表示されるメニューやアイコン、ウインドウといった視覚的要素、警告音や文字の読み上げといった聴覚的要素などを指す。機械の性能だけでなく、UIの出来不出来も対象の使い勝手に大きく影響する。Windowsのように文字以外の視覚的要素を操作対象として
背景を作れるサイト
https://www.transparenttextures.com#背景 #レイアウト
スマホでもPCでも見れる(使える)レイアウト
[アレクセイ.icon]たとえばビジネス上の[プロジェクト]で、PCだけで使われることが見込まれるなら、PCに特化した[レイアウト]でいいとおもう。しかし[アープラ]の場合はメンバーごとのさまざまな使い方が考えられるので、[デバイス]ごとの差がなるべく少なくなるようなレイアウトがいいのかもしれない。
Created
3 years ago
by
くま子
Updated
3 years ago
by
くすみあきら
Views: 18
Page rank: 2.2
Copy link
Copy readable link
Start presentation
Hide dots
CSSグリッド
CSS Grid Layout(グリッドレイアウト)は、2次元
レイアウト
を、HTML/CSS を使って簡単・自由に操作できる、CSSの新しい機能です。
格子状のマス目のグリッドに好きな順番に配置したり結合したりすることで、様々なレイアウトが可能になります
。
CSS Grid Layout を極める!(基礎編)- Qiita
関連:
Flexbox
CSSグリッドの書き方については、
/prarpla/CSSグリッドの書き方