「Web開発・HTML/CSS」カテゴリーアーカイブ

aタグを使ったボタンでは <a href=”#”> などと記述して別ページへ遷移させないようにすることがありますが、ブラウザがページの最上部にスクロールするという弊害があります。 それ… 続きを読む »

HTMLのdata属性で次のように大文字で書くと、JavaScriptからは参照できなくなってしまいます。 下記のページに記載してあるようにdata-xxxのxxxの部分には大文字は使えず小文字のみとのことです。 htt… 続きを読む »

HTMLからPDFへリンクする際のいろいろな方法です。 普通にリンクする コード 実行例 説明書 ページを指定してリンクする コード 実行例 説明書 p.10 ブラウザの縦幅にページが収まるようにリンクする コード 実行… 続きを読む »

Chromeなどのデベロッパーツールで各要素のマウスオーバー時にどのようなスタイルが適用されているか確認する方法の紹介です。 今回は動画を用意してみました。 ちんたら動画なんか見てられるかよって方には下の画像で。Elem… 続きを読む »

今回、2013年くらいから稼働しているサーバーで sass をコンパイルできるようにする必要があったのですが、古いサーバーにありがちなライブラリが古くてなかなかソフトが入らない苦労をしました。そのときの記録です。 結論 … 続きを読む »

HTML5ではINPUTでtype=”date”というものがあり、自動的に日付の入力ができて非常に便利です。 （FireFoxはなぜかサポートしていないですが） <input type=”d… 続きを読む »

いまいち理解しにくいViewPortについてメモしておきます。 違ってたらツッコミをお願いします。 概略 ViewPortは仮想的なディスプレイ ブラウザはViewPortに描画し、その描画されたものがスマホの画面のサイ… 続きを読む »

下記のようなhtmlとスタイルシートがあるとします。 [html] <style> .wrap1 { background-color:red; height:500px; } .wrap2 { backgr… 続きを読む »

長い文字列をブロックの中に収めるcssについてのメモです。 サンプルとなるHTMLはこちら [html] <style> div#sample{ width:100px; border:1px solid r… 続きを読む »