floatしたボックス要素の中にimgタグで画像を読み込むと謎の空白が生まれる問題を解決する方法

HTMLのコーディングをしていて、画像を使ったグローバルナビゲーションを使いたいケースってよくあると思います。 そんなときは、リストタグをfloatで横並びにして、それぞれのリストの中にimgタグで画像を配置することにな[…]

HTML | Posted on 2016/12/29 08:45

写真ブロガーのためのHTML入門 Vol.3

写真ブロガーのためのHTML入門の第3弾です。 今日はテーブルタグについて説明します。 tableタグ(テーブルタグ) このタグは少し使い方がややこしいです。 ちゃんと伝わるかどうかわかりませんが、がんばります! まずこ[…]

HTML | Posted on 2016/11/09 19:19

写真ブロガーのためのHTML入門 Vol.2

写真ブロガーのためのHTML入門の第2弾です。 今日は引用タグとリストタグについて説明します。 まず最初は引用タグである「blockquote」です。 blockquoteタグ(ブロッククオートタグ) 引用タグってどうい[…]

HTML | Posted on 2016/04/03 09:29

写真ブロガーのためのHTML入門 Vol.1

写真まみれをリニューアルするにあたって、いろいろなストックフォトブログや写真日記サイトを見て回りました。そこでみて思ったことが、 「あとちょっと工夫すれば、いいブログになるのにな~」 ということです。 というわけで、先輩[…]

HTML | Posted on 2016/02/06 07:47

HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方

HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books) 発売元: 翔泳社 レー[…]

HTML | Posted on 2015/12/29 16:13

ul li タグのリストマーカーに好きな文字列を設定する方法

ul や ol を利用したリストタグに任意の文字列をマーカーとして使用する方法を紹介します。 具体的には liタグのbefore疑似要素で好きな文字をマーカーとして設定し、リスト全体をずらして、リストタグっぽさを損なわな[…]

HTML | Posted on 2014/09/06 18:03

HTML5の要素を使ってolタグの数字をカスタマイズする方法

HTMLにおいて、<ol><li>タグは順序付きのリストタグをして知られていますが、HTML5の実装に伴い新しい属性が追加されています。順序を降順にするreversed属性です。また、これまでHT[…]

HTML | Posted on 2013/11/26 19:17