Google Chromeのスマートフォンシミュレータ·Ripple UI MOONGIFT
Ripple UIはGoogle Chrome用のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 スマートフォンデバイスは数多く存在します。そうしたデバイスに対応したWebサイトを効率的に開発できるのがRipple UIです。 インストールします。 インストールすると、各Webサイト単位でRipple UIの有効/無効を設定できるようになります。 起動しました。 設定はデバイス、向き、位置情報、傾きなどを変更できます。 白いテーマもあります。 Ripple UIを使うと各種デバイスに対応した画面サイズ、加速度センター、位置情報などをWebサイトに送信できます。シェイク操作をすると実際にデバイスが震えます。Ripple UIではWebサイトだけでなくPhoneGapやWebWorksをエミュレートして実行も可能です。 MOONGIFTはこう見る スマートフォンサイ
スマホアプリの作り方【超まとめ】Web編：HTML5やjQuery MobileなどスマホWebアプリ開発に役立つ記事52選 - ＠IT
Web編：HTML5やjQuery Mobileなど スマホWebアプリ開発に役立つ記事52選 ＠IT編集部 2012/1/31（2013/2/28 改訂） iOS（iPhone／iPad／iPod touch）、Android、Windows Phoneなど、さまざまなスマートフォンのプラットフォームのアプリを作るための＠IT記事のまとめです。今後、順次更新・追加していきます。 開発者が登録したApp StoreやMarketplaceなどからダウンロードしてインストールするアプリ、もしくは、あらかじめインストールされているアプリは、「ネイティブアプリ」と呼ばれています。iOSやAndroid、Windows PhoneといったOS上で動き、マイクやカメラなどデバイスの機能を十分に使えるのが特徴です。作り方は、基本編やデザイン／グラフィック編で紹介した記事が参考になると思います。 一方で
Viewing sent and received headers in Opera
The Live HTTP Headers extension for Firefox can be a useful debugging tool, as it allows Web developers to see the sent and received HTTP headers for any page. There is no such extension for Opera, but you are not without options. The following are some possibilities: Developer console In Opera 10, Tools - Advanced - Developer tools -> Network. This is a complete solution. In Opera 9.2, Tools - Ad
あなたの仕様書は大丈夫？ 日本語文のあいまい度診断ツール『ClearDoc』でドキュメントをチェック
ウォーターフォール型の開発では、要件定義、設計、プログラミング、テスト、運用といった作業工程が時系列に進んでいく。開発当初に作成される要件定義や基本設計のドキュメントは、そのプロジェクトに関わる人たち全員が目にするため、そのドキュメントにあいまいな点や複雑な点などがあれば、後々の行程で問題が発生し、品質と生産性に影響する。この課題を解消するのが、株式会社シーイーシー PROVEQサービス事業部の開発した日本語文のあいまい度診断ツール『ClearDoc』だ。 ウォーターフォール型の開発では、要件定義、設計、プログラミング、テスト、運用といった作業工程が時系列に進んでいく。開発当初に作成される要件定義や基本設計のドキュメントは、そのプロジェクトに関わる人たち全員が目にするため、そのドキュメントにあいまいな点や複雑な点などがあれば、後々の工程で問題が発生し、品質と生産性に影響する。この課題を解消
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
第31回 美術的手法のWebデザインへの適用
Webコンテンツは文字主体のいわば“書類”です。絵画でも写真でもありません。書類に対して徹底的に芸術性を追求することには，おそらく意味がないでしょう。「構想3年，4年以上の歳月をかけて完成した，とても美しい芸術的な交通費申請書」があって，人々がその美しさに小一時間足を止めて鑑賞するといったことはありえません。 しかしながらWebコンテンツは純粋な書類だということでもなく，少なくても閲覧する人の眼を意識して，使いやすさとともに美しさも要求されるものですね。いわば“機能美”です。 自動車を思い出してください。自動車は走るという目的だけであれば，鉄で四角い箱を作り，エンジンと座席を突っ込んで，タイヤを四つほど付けておけばいいんです。しかし，そんな何の変哲もない箱形の車では営業的に成功はしないでしょう。Webコンテンツは自動車と同じ工業製品であり，機能性とともにユーザーに好感を持ってもらうために機
Lovely Charts
Whether you are looking for flowcharts, sitemaps, business processes, organization charts, wireframes or other diagrams to use on your website, we can help! Visualization is a powerful medium of communication. What can be expressed in thousands of words can be easily conveyed through one image or diagram. Diagrams are pictorial or graphical presentation of information. They can be used for a pleth
【特集】Webアプリケーション開発者向け Firefox拡張機能 33 1選 (MYCOMジャーナル)
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
【特集】Webアプリケーション開発者向け Firefox拡張機能 33+1選 (1) FirefoxでWebアプリの開発を支援 | エンタープライズ | マイコミジャーナル
Firefoxは、Mozilla Foundation(日本法人はMozilla Japan)を中心にオープンソースで開発され、無償でダウンロードできるWebブラウザだ。Windows / Linux / Mac OS Xに対応している。複数のWebページを同じウィンドウ内でタブごとに切り換えて表示する「タブブラウジング」や、ブログの更新情報などを受信する「RSSリーダー」といった先進的な機能をいち早く開発してきたことから、Webアプリケーションの開発者(以下、単に「開発者」と記す)を始め、様々な層のユーザーから支持されている。Firefoxの世界シェアは、2007年2月現在、米Net Applicationsによる調査では14.18%となっている。 もう一つ、Firefoxが支持を集める理由として、アドオンによる拡張機能が豊富に提供されていることが挙げられる。拡張機能はMozilla自
10のアプリケーションロールパターン ― ＠IT
インタラクションデザインパターン（2） アプリケーションロールデザイン、 基礎の10パターン ソシオメディア 上野 学 2007/3/19 前回の「80年代のAppleに学ぶUIの部品化とガイドライン」では、インタラクションデザインの作業にパターンを活用することの有用性について説明しましたが、今回からは、実際にどのようなデザインパターンがあるのかを考えていきたいと思います。 私はこれまでの連載（ユーザビリティのヒント、Webアプリケーションのユーザーインターフェイス）を通して、インタラクションやユーザーインターフェイスのデザインはプログラムが出来上がってしまってから最後に付け加えるというものではなく、システムの基本的な品質を決定する重要な要素として設計の初期段階から考えなければならないものであると主張してきました。なぜなら、そのシステムが提供しようとしている機能を、画面の見た目や操作の流れ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://webdesignmatome.com/webdesign/js_anim
ウェブの画面設計に使えるまとめ - DesignWalker
デザインに秀でたWebサイトを紹介する記事をコンテンツに持つサイトを挙げてください。…
今押さえておくべきWeb制作に役立つ37個のブックマークまとめ*ホームページを作る人のネタ帳
WEB制作時に便利な9つのFirefox拡張機能(Add-ons) - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記