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