初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の ...

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

せっかく学ぶのなら、プロ志向のHTMLを！ ウェブデザイン制作の現場で役立つHTMLを奥深くまで徹底解説。ウェブサイトの基本的なしくみから、要素を使いこなすための知識まで、じっくりと学習することができます。ただHTMLを書くだけではなく ...

テーブルのヘッダを上部に固定するのは、position: sticky;で簡単に実装できます。ヘッダだけでなく、テーブルの左端のセルも固定させたい場合は、どう実装すればよいでしょうか？ JavaScriptがないと実装できないように思うかもしれませんが、position: sticky;を ...

<div class="wrapper"> <div class="wrapper__left"> <p>左サイドバー</p> </div> <div class="wrapper__content"> <p>コンテンツ</p> </div> <aside class="wrapper ...