メディアクエリを使って、PC、タブレット、スマートフォンなどでそれぞれの画面サイズに応じた表示の切り替えを行い、レスポンシブWebデ ザインを実現する方法について解説する。 レスポンシブWebデザインとは、Webサイトを閲覧する環境にあわせて最適な ...

スマートフォンゲーム・ソーシャルアプリ開発を中心に、ビジネスパッケージソフト開発を手掛ける株式会社テンダ（本社／東京都豊島区）は、CMS事業の主力製品であるレスポンシブWEBデザイン対応CMS『Responsive Krei（レスポンシブクレイ)』において、新たに ...

スマートフォンゲーム・ソーシャルアプリ開発を中心に、ビジネスパッケージソフト開発を手掛ける 株式会社テンダ（本社 ...

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

ちょっとした社内アプリを生成AIで作成する方法【頭がいい人のChatGPT＆Copilotの使い方】 生成AIを活用すれば、社内で使うようなちょっとしたアプリなら、プログラミングを知らなくても誰でも簡単に作ることができます。（2026/1/4） 「使いたくなる業務 ...

株式会社 Dai（本社：京都市下京区、代表取締役：木脇和政）は、BtoB EC・Web受発注システム「Bカート」にてレスポンシブ対応を4月23日より順次開始いたします。BtoB専用ECサイト構築ASPとして初めてレスポンシブWebデザイン採用となります。 【なぜいま“レス ...

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

Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ Developers X Summit 2025 講演資料まとめ Developers Summit 2025 FUKUOKA 講演関連資料まとめ Developers Summit 2025 KANSAI 講演関連資料まとめ Developers ...

レスポンシブWebデザインを作る3つのステップ レスポンシブWebデザインでは、次のような3つのステップで制作する。 ピクセル単位でデザインしてパーセント単位に変換 画像サイズを指定する（Fluid Image） respond.js の読み込み CSS3で新たに定義されたメディア ...

いまWebサイトを新規に設計するなら、PC（デスクトップ／ラップトップ）／タブレット／スマートフォンのそれぞれに最適化したサイトを作るのが当たり前。単一ファイルでさまざまなデバイス／画面サイズに対応できるレスポンシブWebデザインは、そんな ...