HTMLメルマガ作成時に注意すること
HTMLメルマガを作成することがちょくちょくあるので、作成するときの個人的な注意点をいくつかまとめてみます。...
HTML・CSSの記事一覧
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の埋め込みをレスポンシブに対応させる方法をメモ。...
Google Chromeでopacityが効かない
Google Chromeで、hover時にopacityが効かない現象に遭遇したのでメモ。...
BootstrapのGrid systemの使い方
BootstrapのGrid systemについて、大まかな使い方はBootstrapを使ってみるの記事内で書いたので、...
SVG画像を作ってみる
透過PNGやGIF画像をSVG画像に変換するオンラインサービスを試してみました。 ZorroSVG – Pu...
Bootstrapを使ってみる
CSSのフレームワーク「Bootstrap」を少し試してみたのでメモ。...