combination:typography
typography
グリッドレイアウトで文字を重ねてデザインできる。
バランスの良いタイポグラフィを配置する方法は、グリッドレイアウトを使って、その運用を習得する必要がある。単位は vw 。
アーチ状の文字、複数のフォントを使って、抑揚感を感じるデザインへと変貌させた。
aspect-ratio
aspect-ratio
aspect-ratio
一枚のカードをイメージとテキストを使ってレスポンシブにレイアウトを構成してみる。
レスポンシブをもっと簡単に、アスペクト比「横:縦」を設定して試してみる。
テキストを全てイメージにすると簡単にレスポンシブが実現。
swipe and scroll
swipe and scroll
swipe and scroll
本サイトで扱った全スライダーを掲載。特にメニューとスライダーの組み合わせに的を絞った特集。
slick.js
・
slider pro
・
flickity
縦の流れのスムーズスクロールだけで完全な遷移を成立させる。
グリッドレイアウトを極める
グリッドレイアウトを極める1~9
グリッドレイアウトを極める1~9
グリッドレイアウト下書きを元に実戦用の画像やテキストを入れ込んでデザインに対応させる。
最適なプロパティを文字に対応させる。
レスポンシブな正方形のグリッドレイアウトを定義する。
Important thing
Important thing
モバイルのレスポンシブの制作には必須の Landscape modeでフォントサイズを自動調整させない呪文。
「body {-webkit-text-size-adjust: 100%;}」