スマホサイトで画面が拡大されるときの対処法 - hateka’s blog
スマホ用サイトでは画面のサイズがいくつもあるので、 viewportを指定して自動で端末の画面サイズに合わせた表示になるようにする。 viewportはPCでいうところのウインドウサイズとは違い、コンテンツを表示する領域。詳しくは appleの解説をどうぞ。それをmetaタグに記述することでスマホで表示するときのサイズを調節できる。 こちらにサイズの算出について書かれているので参考にするといいよ！ スマホサイトの作り方でよく紹介されるのは↓の指定。 <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">それぞれ以下の意味になる。 プロパティ名 説明 width 端末の幅 initial-scale
Html5 Css3 is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ
ディスプレイサイズ（ブラウザサイズ）いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ（ブラウザ）のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します！ 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max
【jQuery】下方へスクロールしたらトップへ戻るボタンを表示して、スムーズにページトップへ帰るスクリプトを組んでみた - Wataame Frog
Javascript,jQuery 【jQuery】下方へスクロールしたらトップへ戻るボタンを表示して、スムーズにページトップへ帰るスクリプトを組んでみた 正式名称はよくわかりませんが、下スクロールで戻るボタンをふわっと表示させ、クリックするとページの上部へスルスルっとスクルールし、再びふわっと消えるというスクリプトです。 以前にこなした内容の復習ってことで戻るボタンもテキストではなく画像にし、ファイル名末尾に「_on」をつけた画像で差し替えも行なってみました。 ちょっとした事を数行で実装できるjQueryって改めて凄い＆面白いなぁ。 イメージ / サンプル （よくわからない）イメージ デモ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Content Slider | Responsive jQuery Slider | bxSlider