スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
凯时ag网|真人平台·AG(中国)官方网站
Copyright 2012 - 2019 凯时ag网 All Rights Reserved 电话 :189 7654 3210 邮箱: peiW19@hotmail.com
Create an iPad optimised game
With 3D CSS transformations Fish and sea illustrations by Val Head Tutorial Time required : 1 hour Pre-requisites : Basic JavaScript, HTML and CSS What is covered : Moving elements in 3D, basic interactivity, animation, sound HTML5 canvas is of course brilliant. But it has to be said, performance on iPads (and most other devices) leaves much to be desired. The GPU accelerated canvas in iOS 5 is a
iOS 5 Brings Native-Style Scrolling to Web Apps
A new feature uncovered in the second beta release of iOS 5 is great news for Web developers. It seems that native-style scrolling will be made available to Mobile Safari through a new CSS property. When used, Web developers will be able to implement native-style momentum scroll in Web pages, allowing Web apps to function more like native applications do today. Sponsor The news comes via a leaked
New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5
(note: this is based on the first iOS5 beta [9A5220p] and is subject to change on final release) It looks like there’s finally some major improvements in mobile Safari, some of which I’ve found below on my “first glance” after downloading the SDK. Chime in if you find anything yourself! Bad news first Much to my disappointment, browser-based file uploads are still not supported (input type=“file”)
iPhone/AndroidでURLスキームを利用したアプリ起動
iPhone/AndroidでURLスキームを利用したアプリ起動 iPhoneのSafariやAndroidのブラウザなどからURLスキームを利用することで直接アプリを起動することができるようになります。 アプリにはそれぞれURLスキームが割り当てられています。例えばTwitterならば「twitter://」これをhref属性に指定することでTwitterアプリを直接起動することができます。 <a href="twitter://">iPhoneでアプリ起動</a> 「hoge://」のようにインストールされていないアプリを指定した場合は「ページが開けません」とエラーが表示されます。（Androidではエラーページに移動） 上記の記述ではAndroidでアプリ起動はできませんが、次のようにパラメータを追加することでiPhone/Androidともにアプリの起動が可能です。(Android
shichuan/mobile-html5-boilerplate - GitHub
Dismiss Octotip: You've activated the file finder by pressing t Start typing to filter the file list. Use ↑ and ↓ to navigate, enter to view files.
How to work around the Mobile Safari image resource limit
Because of the memory available on an iPad or iPhone, Mobile Safari has much stricter resource limits than most desktop browsers. One of these limits is the total amount of image data that can be loaded on a single HTML page. When Mobile Safari has loaded between 8 to 10 MB of image data it will simply stop displaying any more images. It might even crash. This limit doesn’t affect most websites si
スマートフォンの資料作りに便利な ジェスチャー画像を集めてみた
現在、スマートフォンに関しての電子書籍を執筆しています。その中で、フリップ、タップ、スワイプなどのジェスチャーを用意する必要が多々あります。Fireworksなどで一から作るのは非常に大変なので便利なテンプレートサイトを自分なりにブックマークなどをして結構集めていました。それを紹介したいと思います。
Opera News
Opera requests that the EU General Court secure the DMA’s promise of free browser choice... July 12th, 2024 Opera is appealing the EU Commission’s decision not to designate Microsoft Edge as a gatekeeper, and requesting to keep freedom... AI, Gaming, Opera GX Aria gets Buffed in Opera GX July 1st, 2024 Aria gets buffed in Opera GX. New features are being added to improve Aria's capabilities. Deskt
HTML5@iPhoneゲーム開発
1. HTML5@iPhoneゲーム開発 株式会社DeNA ソーシャルメディア事業本部 ソーシャルゲーム統括部スマートフォン開発グループ 岸 弘倫<kishi dot hiromichi at dena dot jp> DeNA Technology Seminar #3 1 2. 自己紹介 ‣ 2009年DeNAに入社 – モバゲーの3Dアバター関連開発 – iアプリ開発 – 子会社のMiniNationにて海外向けのiPhoneアプリ 開発 ‣ 現在 – iPhone・Androidアプリ開発 DeNA Technology Seminar #3 2 3. 本日の 本日の内容 ‣ MiniNationからリリースしたiPhoneゲーム 「Pirate Nation」 ‣ HTML, CSS, Javascriptで主に開発 ‣ 今日は開発で得たノウハウについて話します。 – ゲームとい
iOS Fonts
Every font. Every iOS version. Loading all fonts for iOS 70 %
iOS4.2の加速度センサ試してみたよ - Webtech Walker
iOS4.2はSafariの機能も大幅にバージョンアップしてますね。その中でも特に目玉なのがWebSokectと加速度センサのサポートだと思います。早速加速度センサのほうのDemoなどつくってみました。 DEMO for iOS 使い方は簡単で window.addEventListener('devicemotion', function(evt) { console.log(evt.accelerationIncludingGravity.x); //=> x console.log(evt.accelerationIncludingGravity.y); //=> y console.log(evt.accelerationIncludingGravity.z); //=> z }); これだけです。 WebSocketと加速度センサのサポートはWebアプリつくっている人からするとか
iPhone向けWebサイトの制作等に役立ちそうな情報まとめ - かちびと.net
iPhone向けのWebサイトを制作する 際に役立ちそうな情報のまとめです。 情報が多くて混乱し始めたので、個人 的なメモ。iPhone関連のWeb制作情 報は基本的に載せています。アプリ 制作とかそっち系はたいして無いの でご了承下さい。 個人的にグッと来たiPhone / iPad周りの情報をメモ的にまとめておきます。素材とかフレームワークとかTipsとかそういうの中心で、SDKとかObjective-C的な情報は無いです。順不同。 フレームワークとかスクリプト WebアプリとかiPhoneサイト向けのフレームワークとか。 jQuery Mobile スマートフォン向けのjQuery公式ライブラリ。リリースが待ち遠しいですね。 jQuery Mobile Sencha 以前触ってみたので記事にしました。HTML5とjsのみのWebアプリ向けフレームワーク。 Sencha Titaniu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://qooxdoo.org/documentation/general/webkit_css_styles
Admiral
HTML5とCSS3を使ってスマートフォン向けサイトを構築 － iPhone版Yahoo!JAPANトップの開発事例紹介
Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！
Safari on iPhone & iPad 4.2: Accelerometer, WebSockets & better HTML5 support | Breaking the Mobile Web
[CSS]Media Queries（メディア クエリ）を使用したデバイスごとの指定方法のまとめ
