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

Kayla Knight氏がSmashing MagazineにFixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?というタイトルでWebデザインにおいて固定レイアウト、流動的なレイアウト、伸縮性のあるレイアウトのどのレイアウトを採用すればいいかという指針をまとめている。Fixed vs.

沢山の情報を見やすくする3カラムレイアウト ブログなどで多用されているパターンで、コンテンツ・情報量が多い場合に利用したいレイアウト。マルチカラム構築のまとめとしていくつかの方法を紹介する。 まずは、floatプロパティを使った3カラム ...

インプレスグループで電子出版事業を手がける株式会社インプレスR&Dは、『図解でわかる！FlexboxとGrid Layout』（著者：岡花 智貴）を発行いたします。 最新の知見を発信する『技術の泉シリーズ』は、「技術書典」や「技術書同人誌博覧会」をはじめとした ...

株式会社クリーク･アンド･リバー社（C&R社）は5月15日（木）、Webデザイナー、コーダーの方や専門学校やスクールでWebの勉強をされている方を対象に、2024年10月に開催したオンラインセミナー「デモンストレーションを見ながら学ぶ HTML/CSSの基礎（2 ...

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、 2009年12月7日～12月13日の間に見つけた記事のベスト5です。 ミニマルなWebレイアウトを作るために必要な ...

ChromeとFirefoxにデフォルトで実装された、CSS Grid Layout Module（グリッドレイアウトモジュール）。その基本的な機能と使い方を、デモを交えて。 Webアプリケーションはいよいよ複雑化してきています。そのためフロートを使ったハック的なソリューション抜き ...

ノルウェーのオスロ発--ウェブフォーマットの標準仕様であるCSS（カスケーディングスタイルシート）は、知る人の比較的少なかった長い期間を経て真価が認められ、新世代のインタラクティブで洗練されたウェブページの開発技法として中心的な役割を ...

自分のWebページを構築するためには、 やはりHTMLやCSSを覚えないといけないけれど、 そんな時間もないし、 覚えるのも面倒と思っている人は多いはず。そんな人のためのシリーズ 『Webレイアウト⁠』⁠、 ここにその第3段 『CSS+HTML Webレイアウト 3rd すぐに ...

最近のウェブサイトは、パソコンだけでなくモバイルデバイスからのアクセスも視野に入れなければなりません。以前はパソコン／モバイル用の2種類のサイトを用意してユーザーエージェントで切り替え、表示対応させる方法が主流でした。 これに加えて ...

竹田印刷株式会社（本社：愛知県名古屋市、代表取締役社長：木全幸治）は、Web社内報パッケージ「Yomikatsu!」において、Web社内報の記事データを活用してPDF誌面を作成できる新機能「簡単誌面レイアウト」を開発しました。 当社はWeb社内報「Yomikatsu!