スマートフォンサイトでは画像を大きめにしよう - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
＜目次＞ スマートフォンサイトは横幅320pxで作ろう！ スマートフォンの解像度は横幅320pxではない？ スマートフォンサイトでは画像を大きめにしよう スマートフォンサイトを作るときに必ず目にするのが『viewport』です。以下の記述をすることがスマートフォン対応の第一歩です。 <meta name=”viewport” content=”width=device-width> これは「サイトの横幅をデバイスの横幅に合わせます」という指定です。一般的なスマートフォンのデバイスの横幅は320pxになっています。なのでこの指定をしておくことでサイトを作成する際に横幅320pxを前提にレイアウトすることができるのです。 逆にこの指定をしていないとスマートフォンに最適化されていないPCサイトのように小さく表示されてしまいます。 参考：携帯サイトのスマートフォン対応のポイント！ ～スマートフォン
MdN Design｜総合情報サイト
スマートフォン 01 スマートフォンデザインの基本1 - デザインのルール 最近のスマートフォンの普及にともない、Web制作の現場ではスマートフォンサイトの制作スキル習得が急務になってきた。本記事ではPCサイトとの違いを踏まえながらスマートフォンサイトのデザインのポイントを解説しよう。 解説／西畑一馬（株式会社まぼろし） BROWSER iOS Andoroid スマートフォンサイトのデザインを考えるうえでは、PCサイトと違う点をしっかり理解しておくことが重要だ。たとえば、スマートフォンはPCと比べて画面サイズが小さく、3G回線下では回線が細いためページの読み込みに時間がかかる。CPUも貧弱なため、JavaScriptなどの処理速度も劣ってしまう。 スマートフォンの画面サイズ スマートフォンの画面サイズで注意したいのは、PCと違い、ディスプレイの実解像度では描画されない点だ。Viewpor
iPhone4 Retina Display対応のデザインのコツ！
僕はどうやったらRetina Displayが綺麗に表示されるか必死に模索する毎日です。（保護シート含め） ということで、今後のiPhone開発に”必須!!!"のRetina Display対応のデザインデータの作り方のコツについてご紹介します！
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
一眼レフ初心者に伝えたい！RAWとJPEGデータの間違った使い分けをしていませんか？その理由｜すしぱくの楽しければいいのです。
公開日：2013年5月31日 カテゴリ：写真を使ったネタ 一眼レフだからRAWデータで撮影する決まりはありません！！ JPEG画像でも十分に良い写真は仕上がります！仕上がりますが、RAWデータがあると後々何かと便利です。今回はそういった事を含めて、なぜRAWで撮影した方がいいのか？、JPEGのデメリットは何か？その辺をできるだけ専門用語なしで偏らずに書いてみました。 ※ ちなみにRAWデータの画像処理を現像、JPEG画像の画像処理を加工、という表現で使い分けています。 RAWとJPEG撮影 ミラーレスなど最近のカメラは、保存形式として RAWデータ・JPEG画像 (今回はTIFFは除きます) を選べます。（個人的なオススメ形式はRAW+JPEGの保存形式です！）このRAWデータですが、ファイルサイズは非常に大きく大容量のメモリーカードが必要となります。 １ファイル、JPEG画像が8MB、R
jQuery：よく使用される機能をまとめて実装できるプラグイン - NxWorld
スムーススクロール・タブ切り替え・ロールオーバー・アコーディオンなどといった、サイト制作時によく使われる機能をまとめて実装することができるjQueryプラグインのまとめです。 予め使用する機能がはっきりわかっていれば、こういった便利なものを使用することでファイルの散乱も防げますし、管理もしやすくなりますね。 紹介するプラグインの中には必要な機能だけを選択してダウンロードできたりもします。 yuga.js web制作を優雅にするために作られたjQueryプラグインで、7種類の機能が実装されています。 ライセンスはMIT Licenseで、ライセンスに従う限り許可なく自由に使用できるそうです。 機能 ロールオーバー 現在のページをハイライト表示 外部リンクを別ウインドウで開く 画像をthickboxで表示（thickbox.jsを使用） スムーススクロール タブ機能 CSS3の擬似クラスをクラ
Ametsub - Repeatedly [Mille Plateaux]
Official video http://www.mille-plateaux.net / http://www.vertical.fm Stills gallery: http://www.flickr.com/photos/lucio_arese/sets/72157623886901321/ Album: The Nothings of the North (Mille Plateaux / MP301) Available on: http://www.vertical.fm/digital (mp3) http://www.vertical.fm/shop (CD/Vinyl) Directed and produced by Lucio Arese http://www.lucioarese.net © Mille Plateaux
![Ametsub - Repeatedly [Mille Plateaux]](https://cdn-ak-scissors.b.st-hatena.com/image/square/3011e7e463023272bda52804f84b7b6cd526de8d/height=288;version=1;width=512/https%3A%2F%2Fi.ytimg.com%2Fvi%2FcI0AiFG5dXY%2Fhqdefault.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
07design.net
スライドショー
DNPenguin広報室 | DNP 大日本印刷株式会社
PC – Google で、できること