web・スマートフォンアプリ設計に役立つ ワイヤーフレームUIキット「18 Free UI and Wireframe Kits」
TOP > Design > web・スマートフォンアプリ設計に役立つ ワイヤーフレームUIキット「18 Free UI and Wireframe Kits」 デザイン制作を行う際にはまず、全体の設計を行うためにワイヤーフレームを使って構成を考えることが多いと思いますが、本物のイメージにより近づけるため、また提案としてクライアントに提出するために、より現物に近いものをできれば作っておきたいもの。そんな時に役立つワイヤーフレームUIキット「18 Free UI and Wireframe Kits」を今回は紹介したいと思います。 webやスマートフォンアプリの設計をスムーズに進めることができそうな、制度の高いワイヤーフレームが揃っています。 詳しくは以下 Dribbble – A_better_look.jpg by Chris Bannister 定番のレイアウトのwebサイト制
55 Amazing Mobile App UI Designs with Ultimate User Experience
Written by Yasir Jawaid• May 5, 2014• 9:23 pm• Inspiration • 7 Comments 55 Amazing Mobile App UI Designs with Ultimate User Experience Beautiful, modern Mobile app UI design is right here. In this roundup we’re sharing 55 amazing mobile app UI designs with ultimate User experience. This showcase only have professionally designed mobile apps iPhone, iPad, Android, UI Patterns. Every year mobile and
まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT
w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。 新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバー。 サイドバー。階層表示に対応しています。 タブ。 フォーム。 ポップアップ。 ツールチップ。 その他ユーティリティ。 w2uiのサイズは37KB（ミニファイ&Gzip）で、これはExtJSの1/12、Kendo UIの1/6となっています。また、jQueryベースという特徴、全てのウィジェットをまとめて提供、IE9、Firefox7、Google Chrome、Safari5に対応となっています。デスクトップはもちろん、タブレットやスマートフォンにも対応しています。 w2uiはJavaScript製、MIT
intel XDK - HTML5 Development Environment
Write Your App If you can write it for the web using HTML/HTML5, CSS3 and Javascript*, you can use the Intel® XDK to build it as an HTML5 web app or as a native app for all of the major App Stores. Emulate & Test The Intel XDK makes it easy for developers to check look and feel of their apps with on-screen emulation on a wide variety of devices. The App Tester allows you to test on a physical devi
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
「スマートフォンの時代は終わる」：日経ビジネスオンライン
連載2回目に登場する賢者はソニー・コンピュータエンタテインメント（SCE）の家庭用ゲーム機「プレイステーション」の生みの親で、現在は自ら設立したサイバーアイ・エンタテインメントで次世代技術の開発に取り組む久夛良木健氏。クラウドコンピューティングが加速することで、ネット社会の主役はスマートフォンやタブレット端末ではなくなっていくと予言した。不振を極めている日本の家電メーカーが復活するカギも、そこにある。 プレイステーションの開発において、インターネットはどのように意識されていたのでしょうか。 SCEが初代のプレイステーションを発売したのが1994年。プロジェクトの段階から数えるともう20年以上が経ちますが、私はプレステの開発を始めた当初から、どこかの時点でプレステをインターネットに“溶かしたい”という思いを持っていました。 プレステをネットに“溶かす”というのは、ゲームソフトの情報をクライア
数千万のLINEユーザーにウェブページの情報を伝える魔法のボタン「LINEで送る」の作り方
数千万のLINEユーザーにウェブページの情報を伝える魔法のボタン「LINEで送る」の作り方 2012年10月12日 11:18ブログ 作り方というか、サービス公開のお知らせというか。 それは何 このブログにスマートフォン等でアクセスすると、 記事の下にこういうボタンが出るようになってます。 これをタップすると、こんなページに飛んで そこに何をすればいいのか書いてあります。 要するに上のボタンを押すだけ。 LINE がインストールされているスマートフォンで開けば 勝手に LINE のアプリが立ち上がるので、 あとは友達リストから相手を選ぶと ページの情報が勝手に挿入されるので その記事について知らせることができます。 「Facebook でシェア」ならぬ「LINE でシェア」ボタンです。 増大し続ける LINE の影響力 これを書いている時点でLINE の登録ユーザーは 世界6,500万人・
iPhoneフレンドリーなサイトにするための10の方法 | Web活メモ帳
「10+ useful code snippets to develop iPhone friendly websites」というエントリーよりiPhone/iPod touch用サイトを作成する際の10のTipsのご紹介。 サーバーサイドでの振り分け処理や、画面の向きの取得方法などなど、いつか使うかもしれないのでメモ的にエントリーです。 詳しくは以下 JavaScriptでリダイレクト iPhone/iPod touchの場合に専用のページにリダイレクトさせます。サーバーサイドのスクリプトを使用できない場合に。 if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { if (document.cookie.indexOf("iphone_redirect=false") ==
ON HTML5 FIELD 第8回 - MdN Design Interactive
【第8回】HTML5制作のためのおすすめツール 2012年01月11日 TEXT：村岡正和 HTML5でWebデザイン、Webプログラミングを実践していく際に役立つツールが登場してきた。今回はjQuery Moble、Modernizr、LESSといったツールを取り上げ、その特徴を紹介する。 >>> 全記事目次はこちら（HTML5関連求人情報も掲載） ■スマートフォン開発、クロスブラウザ対応など HTML5が普及するにつれ、制作に便利なツールがたくさん公開されるようになった。今回は、HTML5制作をする上で筆者がおすすめしたいツールをいくつか紹介する。これからHTML5でWebデザイン、Webプログラミングする際の制作効率向上につながれば幸いだ。 ●jQuery Moble（http://jquerymobile.com/） まずはjQuery Moble。HTML5をベースとしたWeb
レスポンシブWebデザインとは (1/5)
スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、レスポンシブWebデザインによる制作案件を数多くこなす菊池 崇氏が解説します。（編集部） 本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 レスポンシブWebデザイン（Responsive Web Design）
注目スタートアップのアプリ「HighCam(ハイカム)」でスマートフォン上のビデオ編集を始めよう 【増田 @maskin】 | TechWave（テックウェーブ）
Y Combinator や 500 Startups といった有名インキュベーター(投資育成事業者)の支援を受けている北米シリコンバレー所在のスタートアップHighlightCam社のアプリ「HighCam(ハイカム)」の日本ローカライズ版が遂に登場した。 「HighCam」は、スマートフォン上で動画の編集を可能にするアプリ。複数の動画素材を指定し、演出タイプやBGMを設定するとあとは自動で1本の動画に編集してくれるというもの。 単に繋ぎ合わせるだけではなく、素材の動きや人物の表情などから見どころを判断し、演出に合わせてくれるという技術力が売りのアプリだ。 本日6月1日にAndroid対応版がGoogle PLAYからダウンロード可能になっている。iPhone版は開発中。なお、NTTドコモの夏モデルXi端末全機種にプリインストールされることも決定している。 映像の重要ポイントを認識 Hi
戦後最大のメディアのイス取りゲームが始まっている
JR山手線に乗っていたら、有楽町のあたりでインド系と日本人の2人連れが乗り込んできた。米国のスマートテレビ業界で注目される企業の１つ「Flingo」のCEOとマネージングディレクターだった。なぜわかったのかというと、日本人は、わたしが編集長をつとめていた雑誌で何かとお世話になっていたW氏だったからだ。同社は、テレビメーカーに番組アプリや、映像認識やソーシャルテレビのための技術を提供している。 いまIT業界の話題は、「スマートフォン」から「スマートテレビ」に広がってきている。このコラムでも『「テレビ崩壊」はウソだと思う』と題して一度触れたことがある。次世代テレビに関する議論は1990年代から繰り返されてきたが、メーカー、放送局、行政、制作者・出演者、スポンサーなど、関係者が多くてなかなか進んでいない。しかし、音楽もそうだったし、米国では電子書籍が全書籍の売り上げの20％のを占めてきているのだ
スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
松村太郎が選ぶ、仕事効率化＆ノマドワーカー向けアプリ10選
スマートフォンは常にポケットの中にあり、自分の相棒、あるいは秘書として自分の仕事やコミュニケーションをアシストしてくれる存在だ。仕事を効率化する、あるいはオフィスに依らない働き方をするという観点から、10本のiPhoneアプリを紹介したい。 ・カレンダー（iPhone標準搭載アプリ） 見逃しがちだが、スマートフォンのカレンダーアプリは仕事を効率的にこなす際にとても効果的だ。アラームをセットしておけば、どこにいても予定をプッシュで教えてくれる。通常、カレンダーにはミーティングなどの他人との予定を入れ、自分でやるべき仕事はTo Doリストに入れるだろう。しかしTo Doリストを消化できずタスクが積み上がってしまうこともあるのではないだろうか。自分ですべきこともカレンダー上で「時間を確保する」という考え方で「文書作成」「FAX送信」といったタスクをカレンダーで管理すれば、カレンダーが自分の時間割
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
咳声を再生できるAndroidアプリ--カヤック「仮病袋」
カヤックは10月11日、150種類以上の咳声が収録されたAndroidアプリ「仮病袋」をリリースした。価格は198円で、10月17日まで99円で販売される。 仮病袋は、仙台の復興支援のために立ち上げた仙台支社をきっかけとし、仙台のウェブクリエイターらと共同で開発したAndroidアプリ3部作の第3弾。 使い方は、電話口にAndroidをあてて、あらかじめ選んでおいた咳声を再生する。性別と重症度が選択でき、病の人が自分か家族か、また、どれぐらいの期間仮病で休みたいかなど、状況に合わせて選択できる。 カヤックは、なんらかの理由で病気のフリをする必要がある人、まわりのみんなからたまには気遣って欲しい人、退屈な毎日の中で注目を浴びたい人におすすめするもので、「仮病袋はボタン1つでいとも簡単に『咳』の音声を出し、あなたの暮らしを少しだけ豊かにするアプリ」と説明している。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Responsive Checker
公海555000kk线路检测—首页（欢迎您）
07design.net