タグ

UIとhtml5に関するswatのブックマーク (4)

  • [速報]グーグル、エレガントなUIの部品化「Web Components」への取り組みを表明。Google I/O 2013

    [速報]グーグル、エレガントなUIの部品化「Web Components」への取り組みを表明。Google I/O 2013 グーグルはサンフランシスコで開催中のイベント「Google I/O 2013」の基調講演で、Webの新しい技術「Web Components」を用いてユーザーインターフェイスの部品化に取り組んでいることを明らかにしました。 Web Componentsは現在W3Cが策定中の技術で、カスタムタグを定義でき、HTML/CSS/JavaScriptを組み合わせて部品を作ることができます。 グーグルは、特にモバイル向けのエレガントなユーザーインターフェイスを部品化することで、デベロッパーの生産性を高め、かつユーザーが使いやすいアプリケーションの開発を促進することを目論んでいます。 基調講演では、同社が取り組んでいるWeb Componentsのプロジェクトのコンセプトビデオ

    [速報]グーグル、エレガントなUIの部品化「Web Components」への取り組みを表明。Google I/O 2013
  • プレースホルダとHTML5のplaceholder属性

    プレースホルダとHTML5のplaceholder属性 HTML5で導入されたplaceholder属性によって、フォームの入力欄にプレースホルダを設定できるようになりました。さて、この「プレースホルダ」とはそもそもなんなのでしょうか。また、プレースホルダにはどのようなテキストを書けばよいのでしょうか。 プレースホルダってなに? フォームの入力欄に、薄い灰色のテキストが表示されているものを見かけます。あのテキストや、テキストを提供する仕組みは、プレースホルダと呼ばれています。 Safariではアドレスバーに“Go to this address”、検索バーに“Google”というプレースホルダが設定されている。 「プレースホルダ (“placeholder”)」 とは、「実際のものに代わって現れるもの」を意味します。たとえば、Webサイトのテンプレートを作る際に、実際のページにはないテキス

  • HTML5 × Touch UI の UX を考える - webとかmacとかやってみようか R

    今日、 ありえるえりあミニ勉強会#3 ~Sencha Touch で 「HTML5 x Touch UIUXを考える」というタイトルで発表してきます。 その資料がとりあえず出来たので、一足お先に こちらで公開します。 UX on HTML5 x Touch UI from dsuket Webアプリの Touch UIUX を実現するために、ということで Touch UI の概要や課題、Touch API の仕様と現状、そしてUX実現のポイントなどについて書いてみました。ちなみに、Touch APIHTML5ではないのでタイトルに偽りありです(^^; すみません。。 ちょっと詰め込みすぎた感はありますが、まだまだ書ききれないことも沢山。 後日、当日の様子と補足記事なんかもアップできればと思います。 (補足を書きました http://dsuket.hatenablog.co

    HTML5 × Touch UI の UX を考える - webとかmacとかやってみようか R
  • iPadでHTML5でWebアプリを作ってみました。

    こんばんは。LatLongLabの河合(@inuro)です。 ようやくiPadが日でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz(ゆびちず) 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字(大塚家具、とか紀伊國屋書店、とか)をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW

    iPadでHTML5でWebアプリを作ってみました。
  • 1