Webコンテンツの制作ガイド~売れるサイト作りに必要不可欠な5ステップ~
２．WEBサイトに必要な３つのコンテンツを知る商用サイトに適したWEBコンテンツは、大別して以下の３つに分かれる。 集客に適したWEBコンテンツ教育に適したWEBコンテンツセールスに適したWEBコンテンツこの３つの内、どれが欠けても、最大の成果を出せるサイトにはならない。 実際のお店を思い浮かべて欲しい。どれだけ素晴らしい商品を販売しているお店でも、お客様が来なければモノは売れない（集客）。さらに、お客様が来たとしても、丁寧に接客をして、商品のニーズやウォンツを高めることをしなければ購入意欲は生まれない（教育）。最後に、自信を持ってクロージングをしなければ、お客様は決断を先延ばしにしてしまう（セールス）。 従って、WEBサイトでも、実際の店舗と同じように、集客コンテンツ、教育コンテンツ、セールスコンテンツが必要なのだ。 それでは、これらのWEBコンテンツを、もう少し深く理解しよう。 ①集客
手軽に美しく実装！ファイルアップロード用JavaScriptライブラリ4選 - Lancers開発ブログ
こんにちは、keiです。 今回は、ブラウザからのファイルアップロードを実装する際に、お勧めなJavaScriptライブラリを4つご紹介致します。 ランサーズ上で、大容量ファイルのアップロード機能を実装することになった際に、以下の軸で調査した結果となります。 手軽に実装できる 見た目が今風 (大容量なので)アップロード中にプログレスバーが表示される Uploadify http://www.uploadify.com/ 複数ファイルアップロードが可能なjQueryプラグイン。 HTML5バージョンとFlashバージョンがあります。 長所 豊富なドキュメントとデモ 高いカスタマイズ性 短所 HTML5はライセンスが必要 Plupload http://www.plupload.com/ HTML5、Flash、Silverlightに加え、GearsとBrowserPlusにも対応し
米国人からコーディングについての怒りのメールを頂戴した - その手の平は尻もつかめるさ
"米国人からコーディングについての怒りのメールを頂戴した" の補足 - その手の平は尻もつかめるさ ↑の方で補足いたしました。(2012.09.04 追記) 最近、英語のメールでよく怒られます。moznion です。 海を隔てて共同作業しているアメリカ人から、僕のコーディングについてお叱りのメールを頂いたので、 自戒の念を込めて邦訳して記します。 書いてあることは「当然」とも言うべき内容ですが、僕はその「当然」も守れていなかったのかぁ〜と反省。 以下、邦訳(意訳)です。 1. 郷に入っては郷に従え 既にソースコードが存在しているって事は、そこには同時にコーディングスタイルも存在しているってことだ。 その既存のソースコードに手を加える場合、別のコーディングスタイルを導入してはならない。 もし君がバックエンドのソースコードを弄っているなら、バックエンドのコーディングスタイルで記述するんだ。 フ
iPhoneホーム画面アプリ21選。良質アプリの続々リリースで大幅入れ替わり！2012/9版
iPhoneで撮影した写真を、Dropbox、Flickr、Evernote、Twitter、Facebook、Picasaなどなど、あらゆるクラウドサービスにアップロードできるアプリ。 当ブログの写真やスクショは、ほとんどがこのPictShareを使ってDropboxにアップしたもの。本当お世話になっております。 私は、撮った写真やスクショをこうやってブログに載せています ② マップ プリインストールのマップアプリ。 iPhone買ったら、まずこのアプリに慣れてほしい・・・というくらい使えます。しかも奥が深い。 使い方については以前まとめた通り。 iPhone初心者にまず使って欲しいアプリ「マップ」の使い方まとめ。基本操作から意外な機能まで！ ③ Quicklytics – Google Analytics App 7.1（￥450） カテゴリ: 仕事効率化, ビジネス 現在の価格: ￥
Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして
iPhoneに入れたい「利用シーン別」無料iPhoneアプリ100選(2012秋版) - もとまか日記
先日、iPhoneのホームを整理してた時に、久々にApp Storeを物色しまくって思ったのが、色んな良アプリが増えてそうだなぁ、ということでした。 てことで、以前の構成をベースにしつつ内容は最新に、そして以下をコンセプトに全面的に見直し＆整理してみました。 標準アプリより良くて安心して使えそうなアプリ 以前書いた以下は数が多くて大変だったので、今回はアプリ数も100個にして見やすくしてみた。 iPhoneに入れたい「利用シーン別」無料iPhoneアプリ222選(2011秋版)iPhoneに入れておきたいカテゴリ別の無料ゲーム140選(2011秋版) 【注意事項】紹介している価格は、本エントリ掲載時（2012/9/4 4:00）のものです。iPhoneアプリはいつ値段が変更されるかわかりません。ご購入の際はApp Storeの最新価格をよくご確認の上、くれぐれも「自己責任」でお願いします。
【オリジナル制作】Photoshopでの作業を効率化できるいい感じのJSXスクリプト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。「とりあえずタイトルに興味を持ったけどいまいちピンとこなかった」という方もいるのではないでしょうか。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるということです。僕みたいな怠け者で楽をしたい人にはぴったり！ 今回主に紹介したいのは自作のスクリプトで、Webに特化した作業を簡単にしてくれます。 ダウンロードはこちら（ダウンロードが開始されます）： https://liginc.co.jp/demo/2012/09/PhotoshopScripts.zip スクリプトを使うには？ まずはスクリプトの使い方について説明していきます。 スクリプトをダウンロードし解凍したら、拡張子が「jsx」のファイルが幾つか入っていると思います。それらを下記のフォルダにコピーし、PCを再起動させます。 Windows：PhotoshopPre
ssig33.com - ネイティブアプリ並のウェブアプリを云々
なんか最近そういうの流行ってるようですね。僕も考えを書いてアクセス数を稼ぎます。 ページ遷移を過度に抑えようとするな 下手に AJAX 使いまくるぐらいならページ遷移したほうがマシであることが多いです。世の中にはページ遷移を抑えようとして酷いことになってる JS を沢山見ます。よく考えろ。 ローカルストレージを活用しない localStorage に画像とか放りこむの異常に重くなるのでオススメしません。認証持たないサービスで設定値保存するのに使うとかに留めた方がよいと思う。 非同期な API 絶賛してて気に食わない感じはしますがこの記事を一読することをお勧めします。 localStorage は小さなデータをいくつか入れる分には十分に高速です。大きなデータを入れると十分に低速です。 scroll イベントに対してリスナーを置かない scroll イベントの監視は実際最悪のアイディアです。こ
ユーザビリティを向上させる25のデザインの基本概念 デザイン会社 ビートラックス: ブログ
ビジネスにおけるユーザーインターフェイス(UI) や、ユーザーエクスペリエンス(UX)の重要性が頻繁に語られる事が多い。 Webサイトやアプリから始まり、自動販売機、券売機、車のダッシュボート、テレビ、トイレ、エレベーターのボタン配置に至るまで、”ユーザビリティー”と表現される ”使いやすさ” の大切さが注目を浴びている。 そして、その使い易さを生み出す最初の入り口がインターフェイスである。 インターフェイスとは、ヒトとデバイスとの円滑なコミニュケーションを達成するための媒介役であり、操作性や使い易さを印象づける点ではソフトやデバイスの成功を最も左右する、唯一無二の存在である。 今さら聞けないUI（ユーザーインターフェース) の基本 最終的なインターフェイスの仕事は “ユーザーゴール + ビジネスゴールの達成”であり、どんなに良いプロダクトを作っても正しい方向にユーザーを導き、ビジネスとし
Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice
アプローチ方法は違うものの、このdipと先程のデバイスピクセル比はほぼ同じ目的を持った機能です。 参考：Androidレイアウトの単位 – dpについて掘り下げる – アンテナ立てて viewport 仮想的なウインドウサイズです。 viewportがないと仮定した場合、デバイス幅320pxのiPhoneでインターネットにアクセスした時のウインドウサイズは320ピクセルとなり、通常のサイトを閲覧するには不便です。 そこで仮想的に大きいウインドウサイズとすることで、通常のサイトでもひと目で情報が見え、閲覧性や操作性を高まります。 viewportのデフォルト値は980ピクセルです。 （※iPhoneは980ピクセルで間違いないのですが全てのスマホで980ピクセルでしょうか？ 情報が見つからなかったので知ってる方は教えてください） また、viewportの数値はサイト側で指定できます。 スマホ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cmmntr.com
cmmntr.com
cmmntr.com
主要デバイスが全部揃ってるレスポンシブ デザインのモックアップ用のPSD素材 -Responsive Design Mock-up Pack