This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

I/O 3000は、Webデザインに関わる人のためのWebデザインギャラリーサイトです。国内外を問わず、Web制作の参考となるサイトをセレクトしています。

レスポンシブ・スマホ対応で画像を拡大・スワイプ表示するjQueryのプラグインSwipeboxを紹介します。 画像を拡大表示するプラグインといえば Lightbox が超有名ですが、この Swipebox は Lightbox より軽量で簡単にモーダルウィンドウに画像を表示できます。しかもスワイプ動作による画像間の切り替えも可能となっているので、スマホ時代にピッタリのプラグインかもしれません。もちろん、レスポンシブ・スマホ対応デザインとなっているので、スマホでもキレイにモーダル表示されます。 ここでは Swipebox の使い方 を紹介します。 ・Swipeboxを使ったデモページはこちら まずは Swipebox をダウンロードしましょう。 こちらのページから一番下にある Download ボタンでダウンロードできます。 ・Swipebox A touchable jQuery ligh

Bootstrapは非常に便利なフレームワークですが、大切なのはその使い方。 Bootstrapの基礎知識をはじめ、カスタマイズ・無い機能の追加・運用、そしてCSSフレームワークの考え方や数多くあるフレームワークの選べ方まで、これからのWebサイト設計に役立つオススメの本を紹介します。 本書はBootstrapの完全マニュアルと言っていいほど、非常に充実した内容となっています。また、単に技術的なチュートリアルだけでなく、CSSフレームワークの利点や誤解、導入方法などの解説も充実しており、Webの制作そしてワークフローに関して深く知識を習得することができます。

「0からのウェブディレクション講座 設計編」に行って来ました！今回の講師はディレ協所属、DCHSの高瀬さん。レポートは初登場のユースケです！よろしくです！ 制作に”入る前”こそ重要 今回は設計編ということで、サイト制作に入る前段階で「明確にすべき項目」と「その方法」にスポットを当てた講演内容となっていて 企画そのものの成功率を上げるに何を知るべきか スムーズに制作を進めるためには何を準備すべきか プロジェクトを高速で進めるための戦略のとりかたは？ といった、現場のディレクターにとって重要すぎるほど重要な内容がギッシリな”濃い”講演でした。 意図不明なサイトや、ぜい肉たっぷりなサービスができあがる原因はどこにあって、どうすれば解消できるのか？今回僕が学んだことを一気に並べて共有したいと思います。 資料スライド公開 このレポート内で紹介している14項目について、講師の高瀬さんが公開してくれてい

コラム 日立ソリューションズでは、お客様のビジネスにお役立ていただけるよう、さまざまなコンテンツを用意しています。 ぜひご覧ください。

エミュレータの入手とインストール Genymotionは http://www.genymotion.com/ からダウンロードします。 ユーザー登録が必要です。 ダウンロードしたものをインストールします。 詳細が知りたい方は「Genymotion　インストール」等で検索してみてください。 Genymotionの起動とバーチャルデバイスの追加 「Genymotion」をダブルクリックして起動します。 初回起動時にはダウンロード時に登録したユーザーの設定が必要になります。 起動後に確認すると下記のようになります。 バーチャルデバイスが無いのでダウンロードが必要ですが、社内でプロキシを使用している場合は設定が必要です。 メイン画面で+Addを押してバーチャルデバイスの追加を行います。 一覧が表示されるので追加したいデバイスを選択して「NEXT」を押します。 次の画面でも「NEXT」を押すとダウ

ANA公式の壁紙カレンダーを無料でダウンロードできます。カレンダー付きだから便利。お客様のパソコンに合ったサイズの壁紙カレンダーをお選びください。（毎月更新）

The Ultimate Website Builder for Mac, iPad & iPhone Blocs is fast, intuitive and powerful visual web design software, that lets you create responsive websites without writing code. Blocs for MacBlocs for iPadBlocs for iPhone Learn Get up and running fast with our learning portal. You'll find everything you need to master building websites with Blocs. Learning Portal Connect Connect with other Bloc

ファーストビューで遷移することなく商品検索 サイトの訪問した最初の画面の初めに見える範囲（ファーストビュー）で、商品の絞込みを行うことができます。 しかも画面を遷移することなく、詳細の並べ替え（価格順や人気順など）を行えるので、ある程度欲しい商品が決まっている場合はそのまま商品詳細画面まで一気に進むことも可能です。 カートボタンタップでそのままカートへ 商品一覧画面のカートボタンをタップすることでそのまま商品をカートに入れることができます。（もちろん商品詳細画面へ移動することも可） さらにポップアップで ・購入情報入力 ・後で入力（買い物を続ける） ・カートの中を見る と選択することも可能です。 カテゴリごとのお勧めも遷移なしで切り替え カテゴリごとのお勧め表示も、上部のメニューをタップすることで画面を切り替えることなく表示をさせることができています。 Facebookアカウントで会員登録

Webサイト制作の一連の流れをまとめてみました。クライアント向けにまとめたものを少し手直ししてのせています。新人Web担当者さんや、新人ディレクターさんの参考になるかなと。 なるべく難しい言葉を使わず、理解しやすいよう平易な言葉で書いております。 ※流れや手順は制作会社によって違うのですが、概要はつかめるかなと思います。 目次と流れ 1. サイトのコンセプトを考える 2. 競合他社からクライアントのお店や商品を選んでもらうためのポイント（強み）を整理する 3. そのサイトで一番伝えたい内容を決める 4. お客さんが必要とする3以外の情報や、クライアントの伝えたい情報をまとめる 5. サイト更新は誰がするのかを決める 6. 想定使用デバイス（PCやスマートフォンなど）を決める 7. サイトの周知・宣伝方法を考える 8. ページの設計図をつくる 9. サイト制作にかかわる必要な素材を準備する

もくじ サイト幅はリキッドレイアウト&リンク領域は大きめに 動画やGoogleマップも画面サイズに応じて伸縮するように なるべく画面遷移をしないように PC版のデザインでも見れるように 最後までスクロールした後のことも考える 1.サイト幅はリキッドレイアウト&リンク領域は大きめに サイト幅は基本的には320px想定で作っています。ですが、一言で「スマホ」といっても様々な解像度がありますよね。特にAndroidとか！しかも、スマホを横向きにするとまた解像度が変わってきます。 なので、ある程度どのサイト幅でも対応できるようにリキッドレイアウトで画面サイズに応じてサイト幅が変わるようにしています。 また、スマホは指で操作するため、リンク領域はなるべく大きめにするよう心がけました。（とはいえ、タグやはてブのリンクまでは大きくできなかったのですが）一部を除いては基本的にはリンク要素は「44px以上」

ECサイトを運営している方であれば、昨今スマホ経由のアクセス比率が大幅に高まっていることを皆が実感していることと思います。そこで悩みなのが、スマホ経由のアクセスは、PCサイトに比べてコンバージョン率が低くなりがちなこと。デバイスの特性、利用シーンを理由に諦めることは簡単ですが、努力次第で改善できることも実はあるかもしれません。コンバージョン率改善のエキスパートが多数のユーザー調査を元に解説するスマホECサイトのユーザビリティの問題とその解決法を。 — SEO Japan この投稿は、モバイルのコンバージョン、そして、その改善する方法を紹介する2部構成の記事の1本目に当たる。この記事は、モバイルアプリとウェブサイト向けのユーザビリティテストにおいて業界をリードするUserTestingが実施した多数のテストを基に作成した。 モバイルマーケットでは、絶えず変化が起きているものの、モバイル eコ

「PCやサイトのスマホ版を作ったけど、思うように成果が上がらない・・・」「どうすれば成果の上がるスマートフォンサイトを作れるのだろうか・・・」とお悩みのweb担当者の皆様へ。 その答えは、「UI/UXの改善」にあります。 多くの企業がスマホサイトで成功していない原因としてありがちなのが「PCサイトを安易にスマホサイト風に変換しているだけ」というパターンです。 そのため、スマホとPCの違いを考慮して、スマートフォンでのユーザー行動を意識したUI/UXに改善するだけでも、CVRは簡単かつ速攻でアップするんです！ そこで、今回はCVRを向上させるためのスマホサイトのUI/UXを改善するためのチェックポイントをご紹介いたします。ぜひ皆様のWebサイトの改善にお役立てください！ サイトUIを改善するための分析手法を知りたい方は、こちらの資料を手元に置いてみてみてください。 ※本記事は2014年7月8