初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
「最高のデザインのiPhoneアプリ」投票結果をまとめてみました - もとまか日記Ｚ
先日、以下のアンケートを行いました。 あなたが思う「最高のデザインのiPhoneアプリ」を教えてください 内容が内容だけに？コメント数も少なかったこともあり、集計作業的には大助かりだったにも関わらず、その結果は凄く面白いものになった！と思いました。 皆さん、本当にアプリに詳しいですね・・・・凄いです！てことで、早速集計してみました。【注意事項】紹介している価格は、本エントリ掲載時（2011/5/15 4:00）のものです。iPhoneアプリはいつ値段が変更されるかわかりません。ご購入の際はAppStoreの最新価格をよくご確認の上、くれぐれも「自己責任」でお願いします。 「最高のデザインのiPhoneアプリ」目次 今回はスクショ等を交えて紹介してて長くなるので、記事内を行き来しやすいよう、以下に対象アプリのリストを作ってみました。なお、順番は得票数／コメント早い順です。 デザインに定評のあ
ユニークなPSDファイル付きロゴデザインまとめ:phpspot開発日誌
ユニークなPSDファイル付きロゴデザインが多数まとまったエントリのご紹介です。 次のようなWeb2.0っぽいポップなデザインのロゴが参考になるだけでなく、ソースPSDのダウンロードも出来て自分ようにカスタマイズできたりもします。 ロゴデザインの参考の他、仮のロゴをサクッと作りたいという場合に便利ですね。 リンク先とダウンロード先は以下のエントリを参照してください。 80 Identity Logo Design With PSD Files 関連エントリ デザインに役立つ美麗サイトデザイン集やロゴデザイン・写真集 ロゴデザインやタイポグラフィの見本や資料まとめ集 緑ベースのロゴデザインを作成する際に便利なまとめ集
今時のデザインのウェブサイトの作り方を丁寧に解説しているPhotoshopのチュートリアル集
透明感のあるものやグランジ風・イラスト風など最近よく見かけるウェブサイトのデザインを一から丁寧に解説しているPhotoshopのチュートリアルを紹介します。
TRANS - 携帯用CSSを書く上で押さえておくべきポイント
先日、diggでVitamin Features » Make your site mobile friendlyというエントリーが上がってきてました。見てみると、非常にうまい具合に携帯向けのCSSやHTMLの書き方などが紹介されていました。僕も携帯向けCSSの書き方には興味があったので、勉強がてら重要なポイントを抜き出して、和訳してみました。 和訳文は次からスタートです。（上記サイトの「mobile」は携帯電話やPDAを含めたモバイル機器が正確な訳ですが、ここでは話を分かりやすくするために「mobile」を全て「携帯」と訳しています。） 基本からスタートしよう。 既に論理的でセマンティックなHTMLを構造化しているんだったら、携帯を含めたどのデバイスでもきれいに、使いやすく、アクセシブルになっています。携帯によっては、WAPに準拠しているかもしれないし、もしかしたらWAP2もいけるかもし
意外と知らない!?アメリカの最新モバイル事情 » モバイル最新情報ブログ 株式会社アレグロワークス
KDDI総研レポートで、海部さんの待望のアメリカモバイルインターネット基礎講座第２弾がＵＰされました。こちらでは、意外と知らないこのアメリカの最新モバイル事情の要点をまとめます。 ①アメリカと日本でのケータイ事情の違い 全体感の結論からいうと、アメリカでは携帯はあくまで電話をするためのニーズが多く、日本のように頻繁にメールをしたりモバイルインターネットを楽しむようなものではまだまだ無い。音声通話以外でもっともつかわれいるのはＳＭＳであり、いわゆる相手の携帯電話番号に対してのショートメールサービス。意外としられていないが、日本のように携帯個別でeメールアドレスを持っているわけではなく、キャリア間で唯一互換性があるのはＳＭＳだけである。また、このＳＭＳは未だ課金の料金体系が主流となっており、１通あたり20セントが相場。キャリアにとってはローリスクハイリターンの美味しいサービスとなっている。 ②
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
デザインに関する箇条書きのメモ: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 自分の頭を整理するために。 箇条書きで。 1.デザインとは形や色、素材などによるスタイリングだけでなく、物や事を社会において実現させるために必要なあらゆる面での企画・設計・意図。「デザイン」というのは、もともとはTo do with signs、「サイン」を相手にどう対処するかという意味の哲学と手法のことなんだね。（from 高山宏『表象の芸術工学』）マーケティングによってニーズを、つまり甘やかされただらしない欲望を掘り起こして、ほしいものを与えていくことによって生まれる文化よりも、デザインによって覚醒されていく生活の方が、確実に社会を豊かにしていくからです。そこに早く気がついた経済文化圏が、やっぱり次の時代をリードしていくんじゃないでしょうか。（from 原研哉『なぜデザ
ウェブデザインとは何か・新連載 インターネット-最新ニュース:IT-PLUS
電通、三菱UFJ信託銀行など大手企業が相次ぎ参入を表明する「情報銀行」。ここに挑むベンチャー企業がDataSign（東京・渋谷）だ。同社の太田祐一社長は情報銀行という言葉が生まれる…続き 中部電力が「情報銀行」参入へ 電力データを活用 ［有料会員限定］ 「情報銀行」説明会に２００社 データ流通の枠組み始動
Webデザイン エンジニアリング---目次：ITpro
この数年間で，（インターネットの総称としての）Webは私たちの生活に深く関係する身近なツールになりました。様々な情報を，この環境の上で閲覧や操作できることは，特別なものから，徐々に当たり前で，なくてはならないモノに変わろうとしていると言えるでしょう。 特別なものから日常のものへとシフトしていく中で，Web自体も大きく変わるべきところが見えてきています。様々なことが挙げられますが，利用者という立場からすれば，やはり「ユーザー・インタフェース（UI）」が一番の関心事です。 特定のITリテラシの高い人たちだけが使うものではない世界に突入する以上，作り手の側の意識も変化しなければ，ニーズに対応できません。そして，こうしたWebアプリケーションの大量生産の時代にも入っています。今あるWebアプリケーションは，私たちの生活を便利にしてくれていますが，これで十分ではないのです。もっと多くの分野で，もっと
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
第35回 画面設計書はどう作られるべきか
Webサイトを構築する場合，通常は「設計書」を作成します。サイト全体の設計書であったり，ページ単体の設計書であったりするわけですが，今回は後者である「画面設計書」について考えてみましょう。 画面設計書を読むのは誰か Webサイトの構築では，対象ユーザーをできる限り具体的に決めてから開発を進めていきます。同様に，画面設計書にも「対象読者」を見定める必要があります。結論から言えば，かなり属性の異なる二種類の読者が存在します。 まず，発注者である「クライアント」です。クライアントは，技術的な難易度ではなく，自分たちのビジネス要件を満たすものが作られるかどうかを確認するために画面設計書を読みます。開発（プロジェクト）のゴールや，プロジェクトのメリット/デメリット，リリース後の顧客満足の予想などを，その設計書から読み取ろうとします。したがって，できる限り具体的なイメージが伝わるものが要求されます。
HTMLテーブルの行を見やすくするテーブルクロスJavaScript*ホームページを作る人のネタ帳
» Introducing Tablecloth テーブルクロスを導入する。 この記事がWEB関連のなかで話題になっていました。 はて・・テーブルクロス・・・。 何のことやらさっぱりだったんですが、使ってみるとなかなか素敵な動きをしてくれましたので記事に。 あなたのhtmlに2行のコードを加えたら・・・ By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love あなたのhtmlにたった2行のコードを加えるだけで、あなたのサイトのテーブルは、あなたのサイトの訪問者に愛される。 なんとも素敵な響きだなと思った人はデモを見てみましょう。 » デモはこちら テーブルによって大量のデータを出力するときには便利な機能ですね。
新規でサイトを作るのに使えそうなの一式。（あの人のパクりじゃないんだからっ！）｜CSS HappyLife
08年6月4日追記： コレの新しいの作りました。 新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記： contens.cssの56行と60行目の#contents部分でスペルミスしておました。 ごめんなさい... 現在は修正版になっております。 修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ！じょぐ！！！すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。本題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。 どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう
軽量だけど、クールなデザインのウェブサイトのリンク集
Webmaster-Sourceのエントリーから、軽量だけどクールなデザインのウェブサイトを紹介します。 32 Lightweight Designs
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/08/user-interface.html
CSSハックしない、JavaScript使わないCSSの教科書みたいなテンプレ*ホームページを作る人のネタ帳
Phenomena Entertainment
電脳狂想曲 Webデザインの小技
WEB制作者のための32個のブックマークまとめ（part2）*ホームページを作る人のネタ帳
