HTML・CSS rootを使った変数のやり方メモ
rootを使った変数のやり方メモ。
HTML・CSS
HTML・CSS 
HTML・CSS 【JQuery】スクロールしてヘッダーを途中から固定させるJavaScript
よく使うけど、度々調べてるので、メモ。
JavaScript
CSS
ヌルっと出すなら
参考サイト
HTML・CSS fontawesomeのフリープランのアイコンをcssの:before/:afterで挿入する方法
いつも忘れるので、自分用メモ。
::before{font-family: "Font Awesome 5 Free"; content: '\f1d8'; font-weight: 900;}
参考サイト
Googl...
HTML・CSS iPhone6・iPhone6 PlusのCSSハック
iPhone5までは幅320pxで調整出来ましたが、iPhone6・iPhone6 Plusになって幅が大きくなったためそのためのCSSを入れないといけません。
参考より、こちらで対応できます。
参考サイト：iPhone6と...
HTML・CSS 【CSS】URLや単語を途中で改行させる方法
長いURL等を貼り付けているとその単語分の幅がないと折り返してしまってうまく改行してくれません。
そんな場合はcssで対応しました。
対応したい要素に対して下記1行で対応できます。
以上で対応できます。
HTML5+...
HTML・CSS 【html5】スマホでPC用サイトを見せる時に幅が足りない時の対処法
PC用サイトをスマホで表示させる際にうまく表示させることが出来ず幅が足りない場合があります。
この場合下記のコードがheadに入っていないか確認してみてください。
こちらは横幅を各デバイスに合わせるというコードですが、
こちらを記...
HTML・CSS 【html】ガラケー用のHTMLテンプレート
ガラケーのHTMLを作ることがあるので、テンプレートをおいておきます。
これでHTMLを作って文字コードをShift_JISで作ればとりあえずの形はできます。
参考サイト：手っ取り早く携帯サイトを作成する時のhtmlテンプレ...
HTML・CSS 【html5】<video>タグによる動画の再生サンプル
html5から<video>タグを使用して動画を簡単に再生させることができます。
IE8以下には対応していないので、Javascriptを読み込まして対応させる必要があります。
基本の書き方はこんな感じ。
※タグの注意...
HTML・CSS 【css3】文字やボックスに影を付ける方法
css3を使えば文字やボックスに影を簡単に付けることができます。
通常はPhotoShopで影の加工をしてそれを使用しますが、cssでできるのであればサイトが自由に作れますし、更新の手間が省けます。
まず文字の影の付け方です...
HTML・CSS 【css3】inputタグに事前に薄く文字を表示させる方法
お問い合わせフォーム等で入力欄に事前に文字が入っているのを見たことありますか？
あれが入っていると相手としては何を入力すればよいのかわかりやすいので、是非導入したい！
HTML5だと実は簡単に導入できます。
input...