[CSS]iPhoneでsubmitボタンのテキストがずれた時の対応方法
submitボタンのスタイルがiPhone(Mobile Safari)で、テキストがずれたり、「border-radius」の角丸が期待より丸くなってしまった際の対応方法を紹介します。 Styling Submit Buttons for Mobile Safari デモページ キャプチャの元画像：協力（@sparrowSeven） この現象はデスクトップ用のブラウザ（Safari, Firefox）では起きませんでした。また、iPhoneのシミュレーター（iBBDemo2）でも確認できませんでした。iPhone4固有の現象のようです。 原因と思われるのはpaddingの値が正常に適用されていないような感じで、未対応時、対応時のスタイルシートは下記の通りです。 未対応時のスタイル HTML HTMLは非常にシンプルです。
Plugins | jQuery Plugins
jQuery Swipe For iPhone & iPod Touch mobile apps iPhone and iPod Touch swipe gesture support using Safari JavaScript for onTouchStart, onTouchMove, onTouchEnd and onTouchCancel. This plugin uses Mobile Safari's built in touch events to allow jQuery binding of swipe events to any DOM element. You can override the swipeLeft and swipeRight defaults functions to create your own custom process when the
iScroll – Matteo Spinelli's Cubiq.org
The overflow:scroll for mobile webkit. Project started because webkit for iPhone does not provide a native way to scroll content inside a fixed size (width/height) div. So basically it was impossible to have a fixed header/footer and a scrolling central area. Until now. This script has been superseded by iScroll 4. This page is kept for historical reasons. Get the Script Screencast Live Demo Publi
jQuery Mobile
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
知識ゼロからはじめるiPhoneアプリ開発 - A Day In The Life
iPhone アプリ開発を初めてはや2年。わけわからんレベルからなんとかアプリをリリースするところまでこぎつけました。もともと趣味ではじめた事ですが今は仕事でも iPhone アプリ開発をしています。ここに至るまで自分が調べたことや参考にした文書をアプリの構想からアプリをリリースするまでの手順にそってまとめてみました。 iOSアプリ開発関連の本を書きました 初めて iOS アプリ開発をされるかた向けに「プロの力を身につける iPhone/iPadアプリケーション開発の教科書」という本を書きました。 この記事を読んで iOS アプリ開発に興味を持たれた方におすすめです(2013年2月26日発売)。2015年1月17日にSwiftに対応した改訂版がでました。 本の内容に関する詳しい記事はこちらです。 iOSアプリ開発の本を書きました 初期投資 8400円とプライベートな時間、iPhoneまたは
Yubizo｜iPhone ビジネスアプリ 業務用ビジネスアプリ開発エンジン
HTMLとJavaScriptでビジネスアプリを開発アプリ開発を加速するフレームワークライブラリYubizo Engine Yubizo Engine は、HTML と JavaScript の容易な技術を用いて企業様に向けた高度な業務用ビジネスアプリの制作を実現するネイティブ／ハイブリッドアプリ開発のフレームワークライブラリです。バーコードリーダ機能や Google Apps、Oracle CRM On Demand などとの連携機能を API として呼び出す事が可能となり、これまでの Objective-C による開発に加え、HTML と JavaScript でも、高度な業務用ビジネスアプリを開発できます。 開発イメージYubizo Engine は ダウンロード後に XCode に追加すれば、すぐに使い始めることが出来ます。JavaScript をサポートしているため、jQu
Sencha Touch | ExtJSで楽しくRIA業務アプリ開発
2010/7/25のExt JS & Sencha Touch勉強会7月＠東京でのsus4 佐竹の担当箇所のSencha Touch入門篇で使うサンプルコードをjsdo.itで公開しました。 明日の勉強会では、PCのブラウザでも動作するサンプルばかりですので、jsdo.it上でも動作を確認できます。 また簡単なサンプルばかりですので、forkしていただいて実際に手を動かしてももらうとより理解が深まると思います。 勉強会では持ち時間的に２,３つしか紹介できないと思います。 勉強会のアジェンダはこちらです。 Sencha Touch 入門: Ext JS & Sencha Touch勉強会7月＠東京(2010/7/25 )のアジェンダ Sencha Touchのはじめかたサンプルコード Sencha Hello, World! Hello, World! – jsdo.it – sh
ExtJSで楽しくRIA業務アプリ開発
株式会社sus4 開発チームこのブログに載っているサンプルコードや、簡単なコードをチェックする際に、わざわざHTMLファイルを用意して、ExtJSの読み込むコードを埋め込んで、Java Scriptを書くのは少し面倒くさかったりします。そんなときに使える小技にブックマークレットとFirebugの合わせ技があります。 ExtJSライブラリをブックマークレットで読み込んで、FirebugのコンソールにExtJSのコードを書いていくことができます。 元ネタはここです。 http://extjswordpress.net/extjs-apps-as-bookmarklets/ 上記のリンク先からのコードをブックマークして使います。 下にそのコードを見やすく改行したのを展開してみました。 javascript: var ss=document.createElement('link'); s
Sencha Touch 入門: Ext JS & Sencha Touch勉強会7月＠東京(2010/7/25 )のアジェンダ | ExtJSで楽しくRIA業務アプリ開発
2010/7/25のExt JS & Sencha Touch勉強会7月＠東京でのsus4 佐竹の担当箇所のSencha Touch入門篇アジェンダです。 時間と場所は下記の通りです。残念ながら既に定員に達しているようです。 当日はUstreamでも配信も予定されているようですので、こちらでご覧ください。 http://www.ustream.tv/channel/extjapan 以下 Ext Japanブログより転載 日時：2010年7月28日（水）19:00～21:00（18:45開場） 募集人数：45名 場所：東京都港区東新橋1-9-1 東京汐留ビルディング9Fソフトバンク株式会社内（今回はいつもと会場が違いますので、ご注意ください。） 参加費：無料 アジェンダ： Senchaへのブランド変更について（直鳥） Sencha Touch入門（株式会社sus4 佐竹様
Docs | Sencha Documentation
Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an alias (or xtype if the class extends Ext.Component). The alias/xtype is listed next to the class name of applicable classes for quick reference. Access Levels Framework classes or their members may be specified as private or protec
code:x
なんだかんだ、ドメインも変えずやってきたりやってこなかったりしてきた、code:xですが、やっとサーバー設定も終わったので、Omega Codeとして別なブログ（単純にレガシーWPとお別れしたかった） として再開します。
iPhone向けサイト制作ノウハウ＆拡張機能「iPhone site extension for Dreamweaver CS4/5」 | デベロッパーセンター
iPhone（iPhone 3G/3GS）／iPod touchは、PC向けサイトがそのまま表示できるところが大きな魅力の一つです。しかし、小さな画面や、指で操作するとインターフェイスなどのようにデバイス特有な面も多く、PC向けサイトのままでは必ずしも見やすいとはいえません。そこで本記事では、Dreamweaverを使ってiPhone向けサイトを作る時のテクニックや注意点をご紹介します。 必要条件 この記事を最大限に活用するには、次のソフトウェアが必要です。 Dreamweaver CS5 体験版 今すぐ購入 制作したサイトの表示結果を確認する方法 ライブビューでプレビューする Dreamweaver CS5（および CS4）には「ライブビュー」機能が搭載されており、ページのレンダリングにはWebKitエンジンを利用しています。iPhoneのSafari（Mobile Safari）も
Aral Balkan: Historical Archive — How to make your web content look stunning on the iPhone 4's new Retina display
Do not track! Better is a privacy tool for Safari on iPhone, iPad, and Mac. It protects you from behavioural ads and the companies that track you on the web. Historical content: I wrote this article over 6 years ago on 2010-06-30. You are viewing an archived post from my old WordPress blog. The archive contains over 1,600 articles written over a ten year period. The formatting and contents of the
Targeting the iPhone 4 Retina Display with CSS3 Media Queries - iWalt.com
Four years ago, (eight months before the original iPhone was announced) Dave Hyatt wrote about high DPI web sites on the Surfin’ Safari blog: One area of Web design that is going to become more important in the coming years is high DPI. For those of us working on WebKit, this will also become an issue for WebKit applications and for Dashboard widgets. The future is now. The iPhone 4’s Retina Displ
Optimizing Web Content
Optimizing Web ContentThe first step in optimizing web content for iOS is to separate your iOS-specific content from your desktop content and the next step is to tailor the web content for iOS. You might want to follow these steps even if iOS is not your target platform so your web content is more maintainable in the future. Use conditional CSS so that you can create iOS-specific style sheets as d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ハイビジョン映像素材(HD素材)/Royalty Free HD Footage File
http://www.phonegap.com/
SugarSync Mobile
http://www.apptoiphone.com/2010/07/appleiad.html
Welcome to nginx!