本動画では、HTML/CSSによる聖杯レイアウトの実装方法を実践的に解説します。シンプルな構造から3カラムレイアウトの仕組みまで、コーディングとデザインの関係を理解しながら学べる内容です。実務でも応用できるレイアウト設計の考え方を丁寧に紹介します。

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

株式会社クリーク･アンド･リバー社（C&R社）は5月21日（水）、Webデザイナー、コーダーの方や専門学校やスクールでWebの勉強をされている方を対象に、無料のオンラインセミナー「デモンストレーションを見ながら学ぶ HTML/CSSの基礎（6） 〜グリッド ...

本講座ではHTMLとCSSの基本レイアウトを中心に、実践的なコーディングを通してウェブデザインの基礎を学びます。シンプルな構造から応用的なレイアウト手法まで、現場で役立つスキルを段階的に習得できる内容です。初心者でも理解しやすいように、デザインとコーディングの関係性を丁寧に解説します。

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介 ...

Webページ上のテキスト情報をコンピュータが解析できるように構造化する役割を持つ言語であるHTML。 また、Webサイトやページの見た目を設定するプログラミング言語であるCSS。Web制作の知識を身に着ける際は、このHTMLとCSSの学習が大切です。そこでC&R社では ...

最終回ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう 前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlと ...

すぐに使えるWebページのデザイン素材として好評の「CSS+HTML Webレイアウト すぐに使えるアートワーク」の第2段です。より実用性のあるデザインで、バリエーションも収録しています。もちろん、IE6～IE8、Firefox、Safariと、主要ブラウザに対応。Webページを ...

サイトのコンテンツのレイアウトを考える場合、コンテンツをどのようなレイアウトでは位置すればいいのか悩む場合が多々あります。2コラムにするのか3コラムにするのか、それぞれのコラムの下にさらに子コラムを入れるのか否か、右サイドに置くのか ...

株式会社ジャストシステムは13日、ウェブサイト作成ソフトの新バージョン「ホームページ・ビルダー15」を12月3日に発売すると発表した。パッケージ製品の価格は、「通常版」が1万4800円、Flash作成ソフトや追加テンプレート集をセットにした「通常版 ...