iPadでHTML5でWebアプリを作ってみました。
こんばんは。LatLongLabの河合（@inuro）です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz（ゆびちず） 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字（大塚家具、とか紀伊國屋書店、とか）をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW
iPhoneアプリのツールバー部分に使えそうなアイコン色々:phpspot開発日誌
知人のアプリ作者の人に、アイコンを探すのに苦労したという話を聞いたので、iPhoneアプリのツールバー部分に使えそうなアイコンを色々まとめてみました。 全部足すと545種もありますので、ツールバーアイコンには困らないかもしれません。 iPhoneアプリケーション作者の方や、今後作ろうと思っている場合に参考にどうぞ。 30 Free Vector Icons | Dezinerfolio 綺麗にまとまったデザインで種類も次のような３０種類がまとまってます Glyphish – Great icons for great iPhone applications 130種類の商用利用可能な汎用アイコンセット。 Free iphone toolbar icons こちらも、商用利用可能な160種類の汎用アイコンセット app-bits : iPhone Toolbar Icon Set : iPh
タグクラウドにうまく階層を付けたＵＩ例とサンプル:phpspot開発日誌
jquery Hover Sub Tag Cloud タグクラウドにうまく階層を付けたＵＩ例とサンプル。 タグクラウドが多くなってくると、見にくくて困ったりしますが、次のようなＵＩになると見やすさが飛躍的に上がります。 デモページ なるほど、誰もが思いつきそうで思いつかなかったＵＩかもしれません。 ソースコードもダウンロード可能なので、参考に実装してみるとよいかもしれませんね。
TheUiGuy: Select Box Factory v1.0
Google のウェブログ公開ツールを使って、テキスト、写真、動画を共有できます。
Dive Into Accessibility
この文書は2つの質問に答えるために書いてみたんだ。 1コ目は、「なんでサイトをアクセシブルにした方がいいのか」。 だから、ここの情報はサイトを持ってない人には向かないかも。 2コ目は、「じゃどうしたらサイトをアクセシブルにできるのか」。 1コ目の答えが納得できるものじゃなかったら、2コ目はどうでもいいってことになるよね。 じゃ行ってみよう。 Dive Into Accessibility（英語版）をダウンロードする HTML（英語版）をダウンロード PDF（英語版）をダウンロード Dive Into Accessibilityを読む 目次 掲載された順序のままにならべてある、すべての情報はこちら。はじめてココ の文を読むときにおすすめの読み方。 人に基づいた情報分類 ここではどんな人に役立つかによって、情報が分けられています。 障碍に基づいた情報分類 ここではどういった障碍があるときに役立
ブラウザ上で簡単にホームページが作れる「Roxer」:phpspot開発日誌
Roxer - The easiest way to make a web page ブラウザ上で簡単にホームページが作れる「Roxer」。 ドラッグアンドドロップして要素を再配置したり、リアルタイムに編集したり色々と出来るようです。 ブラウザによってはエラーがでてうまく動作しなかったりするのですが、なかなか便利そうですね。 関連エントリ Ajaxを活用したブラウザ上でWYSIWYG編集できるCMS「Authenteo」 ブラウザ上で自由にデザインできるページ作成ツール『Noovo Communications』
超クールな複数アイテムの入力補完用JavaScriptライブラリ:phpspot開発日誌
Devthought - Guillermo Rauch’s Blog TextboxList meets Autocompletion In my previous blogpost I explained how to extend TextboxList to add closing functionality via a link added to each box. But it was missing an important ingredient: autocompletion! 超クールな複数アイテムの入力補完用JavaScriptライブラリ。 テキストボックスにアイテムを入力すると、クールに補完候補が表示され、補完した後は、１つのアイテムとして、水色の枠で囲まれ、×ボタンで消すことも出来る模様。 デモはこちら アイテムを複数入力する必要のある、ソーシャルブックマークでのタ
RIAC － RIAコンソーシアム
Bermain game slot online sekarang lebih menjanjikan sehingga harus anda perhatikan. Dengan anda bisa memenangkan permainan satu ini maka pastinya hadiah yang besar bisa anda dapatkan dengan sangat mudahnya. Anda bisa mendapatkan hadiah besar pada… Perkembangan teknologi membuat perubahan mendasar dalam kehidupan masyarakat belakangan ini seperti meningkatnya peminat game slot gacor. Apalagi dengan
フォームの入力エラーを吹き出しで教えてくれるサンプル
フォームの入力エラーを吹き出しで教えてくれる JavaScript のサンプル 一般的なフォーム お名前: メールアドレス: 色々サンプル 普通のやつ 必須入力 メールアドレス (mail) 全角カタカナ (kana) 他のフィールドと同じ値を入力する (equal) 他のフィールドと同じ値を入力する (equal) 文字数の制限 - 5〜10文字 (count5-10) 文字数の制限 - 5文字以上 (count5-) 文字数の制限 - 10文字以下 (count-10) 文字数の制限 - 10文字 (count10) 数字のみ (num) 数値範囲の制限 - 100〜200 (num100-200) 数値範囲の制限 - 100以上 (num100-) 数値範囲の制限 - 200以下 (num-200) アルファベット (alphabet) 複合したやつ アルファベット5〜10文字 (a
ページ移転のお知らせ
お越し頂きありがとうございます。 ご指定のページは下記のアドレスに移動しました。 ブックマークなどの登録変更をお願いいたします。 https://Estore.jp/
オンラインマニュアルトップ | ショップサーブオンラインサポート
お店ページの編集方法について 「ショップ開店ウィザード」を終えて「お店ページ」で修正したい点があるけれど、修正方法が分からない、というお客様へ。
サイト作りに使えるインターフェースのパターンが満載！『UI Patterns』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
ウェブに激しく使えるインタラクティブなインターフェース集『Welie』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
インタラクティブなデザインがどうあるべきか、そのデザインパターンを集めまくっているのがデザイナーのWelieさんだ。 彼のサイトではカテゴリーごとにどういったインターフェースデザインが有効かをまとめてくれている。 検索サイト、ショッピングサイト、サイトナビゲーションなどなど、ウェブを作る仕事をしている人にとっては必見だろう。 またそれぞれのパターンにはスクリーンショットの例や、いつ使うべきか、使うときにはどういった点に気をつければ良いかも教えてくれる。 こうした資料は知っておいて損はないですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LONGWALKER
IDEA * IDEA
[100+] 8k Wallpapers | Wallpapers.com![[100+] 8k Wallpapers | Wallpapers.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/97eee90ac78ac844c673f9cc0d2065eecb3bb3ff/height=288;version=1;width=512/https%3A%2F%2Fwallpapers.com%2Fimages%2Ffeatured%2F8k-e16w8b36gngra7a4.jpg)
ウェブサービスを作るときはBlank Slateを工夫しよう | IDEA*IDEA
MOMA
Online Charts Builder
http://www.yasuhisa.com/could/entries/001193.php