S8 COMPACT / 9FPS TO 18FPS / AUTO-B / MULTI-CARTRIDGE / DYNAMIC AUDIO / ON-THE-FLY TELECINE / SFX
Nizo for iPhone
S8 COMPACT / 9FPS TO 18FPS / AUTO-B / MULTI-CARTRIDGE / DYNAMIC AUDIO / ON-THE-FLY TELECINE / SFX
ファーストビューは何pxまで？ ブラウザの表示領域サイズ大公開
2011.06.15 IT・WEB ファーストビューは何pxまで？ ブラウザの表示領域サイズ大公開 安田 英久 株式会社インプレスビジネスメディア Web担当者Forum編集長 今日は、Webページのデザインやワイヤーフレームの検討時に考慮すべき、ユーザーの閲覧環境について。特に、ブラウザの本当の表示領域を生データから紹介します。 御社のサイトでは、ファーストビュー（ページを開いてスクロールしなくても表示される範囲）をどれくらいに想定していますか？ 無理にファーストビューに要素を詰め込まなくても、興味をもてばユーザーはスクロールしてくれることを以前に書きましたが、ファーストビューが重要であることには変わりません。 とはいえ、ノートパソコンや液晶ディスプレイの進化でユーザーの使う画面のサイズは変わってきています。また昨今のChromeやOpera、Firefox 4のような、縦方向により多く
スマートフォン用ページに振り分けるときはrel=”canonical”を設定する
iPhoneやiPad、Android端末の普及でスマートフォン専用のページを用意するサイトも増えてきています。 スマートフォンからのアクセスに対して「リダイレクトによってスマートフォン専用のURLに振り分けるとき」の注意点を今日はお伝えします。 rel=”canonical”タグで、対応するデスクトップ用ページのURLを指定してください。 重複コンテンツの発生を防止するためです。 現状GoogleはデスクトップPCとスマートフォンを区別せず同等に扱います。 スマートフォン用の検索結果も用意していません。 共に、ウェブクローラのGooglebotがクローリングします。 ※従来のモバイル端末はモバイルクローラのGooglebot-Mobileがクローリングします。詳しくはこちらの記事を参照。 スマートフォン用のコンテンツはデスクトップ用のページと、完全ではないにしてもほぼ同じになるはずです。
継ぎ目のないシームレスな背景画像の無料素材とジェネレーターのまとめ
タイル状に継ぎ目なく配置できるシームレスな背景用の画像が作成できるジェネレーターと無料素材を配布しているサイトを紹介します。
Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ（Webサイト）を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて
こんなWebデザイナーは成長しない
2013年3月23日 ライフハック Webデザイナーのみなさん、自分を成長させるためにしていることはありますか？効率化をはかるため、よりよいデザインをするためにしていることはありますか？今回はあえてこんな記事のタイトルをつけましたが、ではどうすれば成長できるのか？という点も一緒に考えてみました。もし当てはまるものがあれば一緒に解決策を考えてみましょう！ ↑私が10年以上利用している会計ソフト！ 情報収集をしない Web業界では新しい技術や情報が毎日のように更新されていっています。情報が多すぎてついていけない…新しい事を覚えるのがめんどくさい…という人もいるかもしれませんが、私たちはWeb業界で働いているんです。Web屋にとって情報は武器です。日々の情報収集が仕事に役立つという場面も多くあると思うので、日頃から新しい情報にふれるくせをつけておきましょう。よく読むブログはRSSリーダーに登録し
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。 何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。 私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。 私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。 私は、見出しやタイトル画像における文字組み
![[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary](https://cdn-ak-scissors.b.st-hatena.com/image/square/e6e22153e1233d79c8da8733fc112f935fe5ee4a/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Ftypographic-1-1.png%3Ffit%3D500%252C250%26ssl%3D1)
livedoor Techブログ : デザイナーに聞かれがちなAndroid UIの仕様
開発部の井上（@inonb）です。12月に位置情報サービス・ロケタッチのAndroidアプリをリリースしました。ぜひお試しください。 さて、今回はAndroidアプリのUIまわりについて書いてみたいと思います。 iPhoneアプリに比べて、AndroidアプリのUI仕様は、わりとWebに近いところがあります。Webの仕事の経験があるデザイナーさんは入りやすいところもあるのですが、マルチディスプレイ対応など面倒なところもあります。 デザイナーさんに聞かれた質問について簡単にまとめてみたいと思います。 1. iPhoneアプリのデザインって流用できますか？ 流用はできるだけ避けたいです。 たとえばTwitterやFacebookのアプリなど、両プラットフォームに多くのユーザーを持つアプリを見ても、iPhoneとAndroidではデザインが変わっているのが分かると思います。 Androidのデザ
Factoria
Factorìa fakt:o'ria We are a bunch of optimists, some of us like codes and numbers, some prefer interfaces and words. But we all agree on the power of empathy to design and craft a user experience. New site coming soon Just finished our UX/UI Design operations for lastminute.com Currently redesigning the whole shopping experience for Mohd Now designing the user experience for Intesa Sanpaolo donat
PC・モバイルSEO ： iPhone/Safari、Xperia・IS/Android用サイトの作り方
iPhone（Safari）やXperia、IS（Android）用のサイト制作について参考になる記事をまとめておきました。 このまとめが、あなたの知識の穴を埋めてるのに役立てば幸いです。 他にも良い情報や、「いやこのサイト・この本だけ見れば万事OKだから」とかそういう情報があれば教えて下さい。 ※紹介する記事に過去エントリと重複するものもありますがご容赦下さい。 初心者向け iPhone用の画面幅調整について、初心者向け。 → 今から始めるiPhoneコーディング iPhoneの画面幅調整について、より深い言及。 → iPhoneとViewPortとXHTML Mobile DOCTYPEと.mobiドメイン 画面幅調整とアクセス制御とCSSに関する知識について。 → iPhone向けサイト構築 基礎文法最速マスター meta name=”viewport”や表示調整に関する
作って学ぶスマートフォン対応サイトの基本 (1/4)
iPhone/Android向けサイト制作の基本を学ぶために、今回は実際に手を動かしながら非常に簡単なWebページを作ってみましょう。あわせて、スマートフォンサイト制作に最低限必要な制作環境（エディターとWebサーバー）についても紹介します。 用意するもの1：エディター HTMLを編集するのに必要です。使い慣れたソフトで構いませんが、もしなければ次のようなものを使うとよいでしょう。 ・Em Editor / Windows / 4000円（税込） http://jp.emeditor.com/ ・秀丸エディタ / Windows / 4200円（税込） http://hide.maruo.co.jp/ ・TeraPad / Windows / 無料 http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html ・JEdit X / Mac /
ABC2011 winter 「Webサイトの スマホ対応Tips」資料公開
Android Bazaar and Conference にご参加のみなさま 女子部つながりでデザイントラックに登壇した、部長の矢野です。 発表資料を公開します。 発表者名は以下です。 矢野りん（パンダ）高橋純（うさぎ）山本麻美（トラ） 資料はこちらです。 Webサイトの スマホ対応Tips 2011年はスマートフォン対応のサイト制作案件が次第に増えてきます。 本資料にあるようなリダイレクトと表示サイズのFIX処理の２つの基本を押さえておけば、無理なく制作には対応可能です。 講演では触れませんでしたが ・JSをつかったPCなみのインタラクション（トランジションを伴う画面描画） ・画像をたくさん配置して１ページあたりのデータ容量が非常に大きいページ ・必要あって表示幅サイズを固定したレイアウトのviewport設定 は、とくにAndroid端末の場合端末やAndroidのバージョンの違いに
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
「あ」のうた
HTML5でミュージックプレイヤーが作れるjQueryプラグイン – creamu
Web Design & CSS Inspiration for the iPhone — CSS iPhone
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
PCやモバイルなど異なる画面サイズに対応したウェブデザイン集 -Media Queries
iPhone 3G用のWebページを作る1 [Javascript] All About![iPhone 3G用のWebページを作る1 [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
