なんちゃってウェブ系エンジニアの備忘録

某IT企業で働くなんちゃってウェブ系エンジニアが技術やデザインなど役に立ちそうなものなどを備忘録として載せていきます

HTML

Page Visibility APIで現在のWEBページが開いているかどうか

JavascriptのPage Visibility APIを使うことで現在閲覧しているWEBページが 開いているかどうか確認することができる。詳しいことは以下のサイトから参照 Page Visibility API の使用 - Web developer guide | MDN利用シーンとしては・・・ ブラウザのタブ機能…

liをfloatで横並べたものをセンタリングさせる方法2

先日の記事にて、liをfloatで横並べたものをセンタリングさせる方法として 「position」や「left」を使ってul全体をセンタリングするという手法を 紹介させて頂いたのですが、読者より、ul全体をdisplay:tableを使って、 センタリングする方法があることを知…

liをfloatで横並べたものをセンタリングさせる方法

ページャなどでページ遷移する際のリンクって、 ulを使って、1、2、3・・・と数字が横並ぶことはよくありますね。例えばコレとか。 floatで並んだリスト全体をセンタリングさせようと思っても、 リストを囲んだulの幅を指定せず、「margin:0 auto;」や「text-align…

Backstretchを使ってフルスクリーン(背景画像)表示

最近のWEBサイトは、大きな写真を背景に使ったり、フルスクリーンで画像を 表示させるものが流行っているようですね…レスポンシブwebデザイン とも相性が良く、フルスクリーンのWEBサイトは今後増えていくことが想定されます。Jquery系のライブラリであるBac…