CSS Gridを使って、ヘッダ・フッタ付きの2カラム、3カラム、カード型といったレイアウトをはじめ、テキストはグリッドに揃えて画像は全幅で表示など、Webページでよく使うレイアウトを実装するシンプルなテンプレートを紹介します。 来年からは、CSS Gridで ...

今回は、HTMLの1カラムと2カラムのレイアウトの作り方について、それぞれに分け、簡単に解説していきます。 1カラムレイアウト メインコンテンツのスタイルのwidthプロパティを100%にします。 スタイルはwidthプロパティのみを設定し、displayプロパティは初期 ...

皆さんは、IEを意識してHTMLコーディングしていますか？ ホームページ制作会社さんの中にはIE未対応の場合がありますね。 僕は趣味レベルでポートフォリオサイトを制作していますが、IEに対応しています。 思ったほど難しくないかと思いきや難しいという ...