【備忘録】スマホサイトのコーディング例
目次 1.viewportを指定する 2. apple-touch-iconを指定する 3. paddingやborderを幅に含める 4.メニューを3つ横並びにする 5.リンクに矢印を付ける 6.最後に 1.viewportを指定する スマホサイトを制作する際、一番最初に指定するものがviewportです。 そもそもviewportというものは、スマホの仮想的なウィンドウサイズのことで、デフォルトでは980pxが指定されています。このままでは文字などが小さくなり非常に見づらいです。見やすくするためにHEAD内に以下を指定します。 <meta name="viewport" content="width=device-width, initial-scale=1.0"> これで見やすい文字サイズになりました。詳しい解説はiPhone生活や、viewportとはの解説を見るといいと思います。
見栄えがよくなった！Web制作するなら知っておきたいjQueryプラグインまとめ
作成：2014/05/7 更新：2014/11/01 Web制作 > ギャラリーサイトやECサイトなどで、最近よく見かけるデザインやエフェクトなど、制作前に知っておくと助かる、「どっかで見たことあるけど何だっけ？」といった感じのjQueryプラグインや最近のトレンドなるものをまとめました。ページにちょっとした工夫を凝らしたいとき、動きのある仕掛けでキャンペーンサイトを作りたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ メニュー １．フィーチャーリスト ２．スティッキーヘッダー 画像エフェクト ３．マウスオーバーで画像にキャプション ４．イメージビューア ５．ズームインエフェクト ６．ブラーエフェクト スクロール ７．Infinite Scroll(無限スクロール) ８．画像シーケンス ９．横スクロール １０．フリック機能 レイアウト １１．画面全
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
