タグ

css3とsmartphoneに関するsimsonsのブックマーク (4)

  • MdN Design|総合情報サイト

    スマートフォンと違い、iPadなどのタブレットに最適化された表示を行っているサイトはまだまだ少ない。 そこで今回は、LESSON 13同様、別HTMLを用意せず、同じHTMLJavaScriptCSSを使用して、タブレットタイプ用に表示を最適化させる。 タブレット用にするからといって特別にHTMLの作り方を変える必要はなく、正しくマークアップできていれば基的に問題ない。 ただ、あまりにも無駄に多い入れ子構造や、レイアウトは避けたほうがよい。あくまでも(X)HTML/CSSを意識して作ろう。 今回はタブレットにも使用されるので、HTML5やCSS3を駆使してPC用も作ってよいが、IEなどの未対応ブラウザへの対応が発生するので注意が必要だ。 【1】のような、ブログ形式のPCページ構成をベースに構築していく。 使用するCSSは ・PCCSS(デフォルト) ・スマートフォン用CSS ・タブ

    MdN Design|総合情報サイト
  • 「第10回 HTML5とか勉強会」活動報告 | gihyo.jp

    毎月第3水曜日に開催している「HTML5とか勉強会⁠」⁠。その記念すべき第10回を9月15日に開催しました。稿では、その模様をUstreamでのアーカイブ含め報告します。 今回は、最近注目を集めているスマートフォンでのWebアプリケーション開発に関する各種フレームワーク(JQTouchやSencha Touchなど)について、講演いただきました。これらのフレームワークは、HTML5およびCSS3などの最新Web技術を活用しており、ネイティブアプリケーションと見間違えるようなユーザーエクスペリエンスをWebアプリケーションで提供することが可能です。また、現状スマートフォンにおいてデファクトとなっているiPhoneAndroidで動作することから、商用環境でも使いやすいことが特徴になっています。 勉強会の開催場所は、前回と同じくGoogleの日オフィスを提供いただきました。 「第10回記

    「第10回 HTML5とか勉強会」活動報告 | gihyo.jp
  • Sencha Presents Sencha Touch

    業界初のHTML5モバイルアプリ用フレームワーク Sencha Touchを使えばタッチスクリーンを装備したApple iOSや Android端末上でネイティブアプリのようなWebアプリが開発可能です。 Web標準技術に準拠 Sencha TouchはHTML5、CSS3、JavaScriptに特化した世界初のアプリケーションフレームワークです。SSencha Touchはこれらの技術が持つ力を最大限に引き出し、かつ柔軟で最適化されたアプリケーション開発を可能にします。Sencha Touchでは、音声や動画を組み込む為のコンポーネントやデータをオフラインでも利用可能にするlocalStorageプロキシーなどでHTML5の機能が利用されています。またSencha TouchのスタイルシートではCSS3を最大限活用してとても堅牢なスタイリングレイヤーを実現しています。 このライブラリはそ

  • EExt Japan - Sencha Touch登場 - モバイル用HTML5フレームワーク

    Ext CoreはダイナミックなWebサイト構築に最適な軽量かつ高機能なクロスブラウザー対応のJavaScriptライブラリです。その特徴は: ファイルサイズがコンパクトな約25kb (ext-core.jsをgzip圧縮した場合) 柔軟かつ利用しやすいオープンソースライセンスのMITライセンス Ext開発メンバーにより執筆された体系的かつ網羅的な75ページのマニュアル これまでのExt JSを同じ使い慣れた直感的なAPI Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます Ext JS 3.0とExt GWT 2.0が

  • 1