📖JavaScriptを学ぶ前段として、CSSを学んでいます。 レイアウトに関する「Flexbox」と「Grid」が出てきたのですが、いざ使おうと思った時に「どこでどっちを使えば良いんだろう？」と迷ってしまったのでGemini先生に詳しく聞いてみました。 使い分けが ...

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

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

Internet Explorer（IE）／Firefox／Safari／Opera／Google Chrome……「新たなブラウザー戦争勃発」と言われるほどWebブラウザー間の ...

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

Webサイトを制作する際、記事の一覧やおすすめツアーの紹介などで「カード型デザイン」を採用する機会は非常に多いかと思います。 本日は、このカード型レイアウトを、CSSのGridレイアウトを用いて効率的かつ美しく構築するための考え方についてお話し ...

CSSでグリッドレイアウトを実現するための仕様のワーキングドラフト「CSS Grid Layout - W3C Working Draft, 2 April 2013」が公開された。将来のCSSでグリッドデザインを実施する方法として参考になる。公開されたワーキングドラフトにはサンプルコードが豊富に掲載さ ...

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

Webページのデザインにおいて、フローレイアウトは大きなディスプレイから小さいディスプレイまで、単一のコンテンツで表示に対応できるという利点がある。うまく組まれていればさらに小さいスマートフォンやPDAの画面でも正しく表示されるだろう。

最近のページやサイト作成に欠かすことのできない「CSS（カスケーディング・スタイル・シート）」ですが、そのレイアウト作成を行う際に便利なリソース22種類です。ゼロから作るよりは楽に製作できるはず。 詳細は以下の通り。 40種類のCSSレイアウトが ...

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

jig.jpは18日、CSSレイアウト機能を実装した「jigブラウザ」のダウンロード提供を開始した。なお、今回追加されたCSSレイアウト機能はβバージョンとなっており、現時点では正確に表示できないCSSレイアウトのページもあるとしている。 CSSはPC向けWebページの ...