PC向けWebページをスマートフォン向けに作り直す
パソコン向けのWebページを、iPhone/Android向けに作り直すことによって、HTML5でiPhone/Androidアプリケーションを作る際のポイントを見ていきましょう。リスト1は入力フォームのあるパソコン向けWebページのHTMLです。HTML5で作成してあります＊4。入力したら文字コードUTF-8で保存してください。 Webブラウザでリスト1を実行すると図1のようになります。テキストボックスにテキストを入力してボタンを押すと、そのテキストがアラートウィンドウで表示されます。見出し（h1要素）の文字が折り返しているのは、Webブラウザの幅のせいで、改行（br要素）は入れていません。 このHTMLをAndroid端末のWebブラウザに読み込んで表示してみましょう。Android端末に読み込むには、ネットワーク経由でアクセスできる場所にHTMLファイルをアップロードしなくてはなりま
RoundPic - 画像の角を丸める
Online tool for making anti-aliased rounded corners (very Web 2.0!) for avatars and images
電子書籍の「ページをめくるという時代錯誤」 - Zerobase Journal
紙の書籍を電子デバイスで読めるようにするたけの電子化ではなく、電子デバイスならではの電子書籍の在り方について考えてデザインしていく必要があります。 電子書籍を作るなら、電子メディアのための書籍をデザインしたいものです。紙の書籍を模した、名ばかりの電子書籍が多い。残念だと思いませんか？ 私自身iPadを使ってみて気づいたのだが、新聞や雑誌を読むのに気の利いたアプリケーションなど必要ない。画面が小さいiPhoneの場合は、アプリで利便性が格段に高まる。だがiPadの画面は十分大きくて明るい。ネットへの接続環境さえ良好なら、どんな出版物もアップルのブラウザ「サファリ」で読むのが一番だろう。 バニティ・フェアやタイムのiPad向け電子雑誌は、ページをめくるという時代錯誤を復活させようとしているだけだ。 iPadは新聞も雑誌も救わない | ニューズウィーク日本版 「ページをめくる」という行為について
UNITiD | Interaction Design & Usability» Blog Archive » Fireworks template for Android
Are you starting with interaction design for Android – like we are – then there are a number of useful resources to help you out. We couldn’t yet find a Fireworks template, so we have made one ourselves and want to share it here. In this Fireworks template the Android user interface elements have been redrawn as vector images. In the folders the elements have been mostly labeled according to the
売れるiPad/iPhoneアプリのためのデザイン必須知識
売り上げを左右する以前に、デザインが原因でアップルの審査落ちも起こり得ます。基礎データや注意点、素材サイトなど役立つ情報満載！ iPad/iPhoneアプリのデザインは、不要？ 重要？ 2009年11月に登録数が10万本を超え、毎日増え続けるiPhoneアプリ（参考：AppleのApp Store、登録アプリが10万本を突破）。「そろそろ作り始めてみたいけど、どこから手を出せばいいの？」というデザイナの方もいらっしゃるのではないでしょうか。 カヤック意匠部では、ネタアプリから本格的な楽器アプリまで、多くのアプリをリリースしています。そこで今回は、その経験を生かして、iPad/iPhoneアプリ制作を始めるに当たってデザイナが押さえておくべき基本的なポイントを、まとめて紹介します！ 「デザインを一切しなくても、アプリは作れる」 と、いきなりですが、デザイナがいなくてもアプリは作れます。アップ
ER Master
<body> <span>このページはフレーム対応のブラウザでご覧ください。</span> </body>
WebアプリをiPhoneっぽくするための5つのポイント
WebアプリをiPhoneっぽくするための5つのポイント：iPhoneで動かす業務用Webアプリ開発入門（1）（1/3 ページ） iPhoneで動かす業務用Webアプリを作るコツを紹介 初めまして。今回から本連載を執筆する石田です。筆者は、ドリーム・アーツで多店舗展開するチェーン店企業向けの業務コミュニケーション支援クラウドサービスである「店舗matic」の開発・運用を担当しています。 ドリーム・アーツの顧客である多店舗チェーン企業では、多くの店舗をマネジメントするために、スーパーバイザやエリアマネージャという、担当する店舗を巡回して店舗の運営を支援したり、本部と店舗の間のコミュニケーションを取り持つ役割の人が多くいます。 こういった人々が常に最新の情報にアクセスし、業務をより良くしてもらうために、「店舗matic」は、2010年8月にiPhoneでの利用に対応したバージョンをリリースしま
A5:SQL Mk-2 - フリーの汎用SQL開発ツール/ER図ツール
A5:SQL Mk-2は複雑化するデータベース開発を支援するために開発されたフリーのSQL開発ツールです。 高機能かつ軽量で、使い方が分かりやすいことを目標に開発されています。 SQLを実行したり、テーブルを編集するほかに、SQLの実行計画を取得したり、ER図を作成したりすることが出来ます。 特徴・機能 OCI接続・直接接続・ADOまたはODBCを介したDBへの接続 Oracle DatabaseはOCI経由の接続・直接接続が出来ます。 PostgreSQLとMySQLは直接接続が出来ます。 Microsoft SQL Serverは、OLE DBプロバイダを直接呼び出した接続ができます。 IBM DB2は、ODBCドライバを直接呼び出した接続ができます。 その他のデータベースは、ADOまたはODBCを利用して接続します。 Oracle, PostgreSQL, MySQLは、A5:SQL
白黒ベースのサイトを作りたい時に役立ちそうなWeb素材やWebデザイン例などのまとめ
最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ＆シェアしたいと思います。ライセンスはそれぞれご確認を。多少重いかもしれません。アイコン、ボタンやバナー、その他の素材、ギャラリーと続きます。 アイコン白黒やグレーのアイコンいろいろ。 40 greyscale icons グレースケールアイコンパック。 40 greyscale icons twotiny 白黒のミニアイコンが沢山。 twotiny 165 vector icons 165のうち、66が白黒のアイコン。 165 vector icons bwpx.icns かなりの数の白抜きミニアイコンが揃っています。 bw
blog.hbkr.jp – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
Ruby on Railsの「えせMVC」の弊害
先日のエントリーでも少し触れたが、Ruby on Railsの最大の問題点は、それが持つ「一見そのフレームワークがMVCの形をとりながら、MVCの最も大切なところを外している『えせMVC』である」点にある。MVC（Model View Controller）がなぜ必要かを根底の部分でちゃんとと意識せずにRailsアプリケーションを作ると、後々ひどい目に会うので注意が必要である。 その意味では「RailsでMVCを学ぶ」などもっての他だし、「JavaにもRailsと同じようなフレームワークを作って業務用アプリの開発を効率化しよう」などという発想もとても危険である。 ということで、今日はまずはMVCの解説から。 MVCの発想の根底には、「モジュール化と情報の隠蔽により、プログラムがスパゲッティ化するの（コード間の相互依存関係が複雑に入り込んでしまってにっちもさっちも行かない状態になること）を避
tiltshiftmaker.com - ミニチュア写真メーカー
Make Tilt-shift style miniature scenes from your photos or videos
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop VIP ☞ Android画面を完全再現したPhotoshop無料GUIキット
Iconfinder | Download free icons
ASCII.jp：Web制作の現場で使えるjQuery UIデザイン入門
TechCrunch
p15.jp
Personas for Firefox | Dress up your web browser
SlickPlan -Free Flowcharts | Free Sitemap | Flowchart Design | Sitemap Design | Flowchart Design | Creating Flowcharts