レスポンシブ・レイアウトとは、過去においてはリキッドデザインと呼ばれた、画面幅に応じて横幅が拡大・縮小するレイアウトのことをいう。多様なデバイスの登場により最近大きな注目を集めている。 制作・文／糟谷博陸（株式会社サイズ） Browser IE ...

「Framerの基礎」シリーズでは、Framerの基本を学び、初学者が制作から公開までプロセスを学べるコンテンツを配信していきます。 全6回で以下のチュートリアルコンテンツを含みます。 第4回の「レイヤープロパティとスタイル設定」ではデザインの見た目を ...

Power Apps のキャンバスアプリは、デバイスに応じてレイアウトが自動調整されるように設計できます。でも実際には、「固定 を切ったあと何をすればいい？」「どんな式を使えばいい？」と迷う場面も多いんですよね。 今回は Microsoft Learn の公式情報を ...

ページの読み込み中にレイアウトがシフトしないように、img 要素には width と height 属性を記述するのが良いとされていた。レスポンシブ対応のため、img 要素に width と height 属性は記述せずに、以下のような CSS で幅を 100% に指定する記述が一般的であった。

マルチデバイス対応のWeb制作手法として注目を集める「レスポンシブWebデザイン」。ところが日本では「メディアクエリーを使ってスクリーンサイズごとにレイアウトを切り替えること」との誤解が広がっているようです。 レスポンシブWebデザインとよく似 ...

Figma is used to create UI/UX (user interface/user experience) designs for websites as well as web and mobile apps. The software is available for Windows, macOS, Android and iOS and is structured like ...

This project demonstrates the implementation of a basic responsive grid layout using a front-end framework (Bootstrap). The layout adapts smoothly across different screen sizes, ensuring a consistent ...