:nth-childの使い方
:nth-child()を色々試してみたいと思います。...
HTML・CSSの記事一覧
親要素の幅を指定して、子要素の幅を100%にする
タイトルだと分かりにくいですが、横並びのナビゲーションでクリック時にプルダウン表示させる挙動のときに、プルダウンの中身は...
CSS3のフィルターを色々試してみる
filterでぼかしたりを色調を変更したりできるのは知っていましたが、あまり仕事で使う機会がなかなか無いので、使い方を調...
EJSとGulp.jsを使ってみる
テンプレートエンジンを使ったコーディングを試してみたかったので、今回はEJSを使ってみます。...
HTMLメルマガ作成時に注意すること
HTMLメルマガを作成することがちょくちょくあるので、作成するときの個人的な注意点をいくつかまとめてみます。...
SCSSでのコメントの書き方
初歩的なことですが、SCSSのコメントの書き方の違いです。...
audioを使ってみる
audioタグの使い方と使うときの注意点をメモ。...
BootstrapのTableの使い方
BootstrapのTable関連を少し試してみたいと思います。...
外部サイトのファイルを読み込むときに、httpやhttpsを省略して記述する意味
httpやhttpsを省略して記述する方法は知っていましたが、その記述をするメリットというか意味は知りませんでしたので、...
CSSプロパティの初期値
CSSの上書きでプロパティの値を初期値に戻したい時がよくあるので、個人的に使いそうなプロパティを抜粋して初期値をまとめて...
YouTubeの動画を背景全面に表示する
YouTubeの動画を背景全面に配置するサンプルです。 画面サイズの変更にも対応しています。 YouTubeの制御はJa...
IE8でリンクへのopacityが効かない
IE8でaタグを透過させたときの挙動がおかしかったので、対応方法をメモしておきます。...
text-overflowを使ってみる
はみ出した文章を文末に「…」をつけて省略する「text-overflow: ellipsis;」を使ってみます。...
Google Fontsを使ってみる
Google Fontsの使い方のメモ。...
画像の下に隙間ができるときの対応
ブロック要素内に画像を配置した時、画像の下にわずかな隙間ができてしまうことがあります。 だいたいの場合は気にしなくて問題...
brにdisplay:none;を指定する
タイトルの通りですが、brタグにdisplay:none;を指定するという発想が無かったのでメモ。 レスポンシブサイトで...
BootstrapのTypographyとCodeの使い方
BootstrapのTypographyとCodeについて見てみます。...
floatで中央揃えにする
複数のブロック要素を中央揃えで並べる方法。...
inputにfontの指定が継承されない
今まであまり意識しなかったのですが、inputとtextareaでフォントが異なると指摘を受けたので、少し調べてみました...
YouTubeをレスポンシブ対応にさせる
YouTubeの埋め込みをレスポンシブに対応させる方法をメモ。...