AndroidでHTML5のaudioタグを使った音コンテンツについて | alt
PCのブラウザ上での話しならコチラの記事を参考に 比較的簡単にHTML5のaudioタグで音声再生が可能ですが、 Androidのブラウザでも可能なのかどうかについて。 Andoridのデフォルトブラウザはaudioタグはサポートしていても、 PCM、MP3、AAC、Ogg Vorbisのようなファイルフォーマットには対応してないようです。 ネット上にもあちらこちらにバージョン2.2まではムリっすって声が聞こえますし、 実際にaudioタグを貼ってもプレイヤーが表示されず、音声も再生しない検証結果も出ています。 バージョン2.3では再生できたという記事も目にしましたが、 端末によってかもしれないし、Googleから公式のアナウンスがある？わけでもないので 音コンテンツを作るうえでどのように対応していくかが鬼門です。 まずUAの分岐は コレとかコレで端末ごとの対応してい
7月 2011 | APEIROPHOBIA
If you usually work with HTML5 Canvas, you will know for sure the difficulty of drawing styled text into it. CanvasText is a library written in JavasScript that lets you write styled text easier and with a similar HTML & CSS syntax. I decided to create it while developing a game in HTML5 Canvas and saw the difficulties presented when drawing styled text.
[Android] チェックボックスでパスワードの表示/非表示を切り替える
パスワードをテキスト画面に入力する際，「******」のようにパスワードを隠ぺいして表示しますが，スマートフォンでは，入力がタップであるため，よく押し間違いをしてしまいます． そういう時には，仕方ないのでパスワードをそのまま表示します．ここでは，パスワードの表示 ・非表示をチェックボックスの状態で切り替える方法を紹介します． main.xml ChangeInputTypeActivity.java import android.app.Activity; import android.os.Bundle; import android.text.InputType; import android.view.View; import android.view.View.OnClickListener; import android.widget.CheckBox; import andro
![[Android] チェックボックスでパスワードの表示/非表示を切り替える](https://cdn-ak-scissors.b.st-hatena.com/image/square/77aea2d32822b82bc79753b1f021ab6d2df8f2b5/height=288;version=1;width=512/http%3A%2F%2F4.bp.blogspot.com%2F-b5GWaQ7O_Bs%2FULbYq0rsLtI%2FAAAAAAAADRc%2FLDQOFt3tijY%2Fs220%2Ficon.png)
appforandroid.info
appforandroid.info 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
JavaScript/placeholderをJavaScriptで実装する - アークウェブシステム開発SandBox
HTML5のplaceholder † HTML5のplaceholderを実運用で利用する話があり、下記のように簡単に実装できて HTML5はスバラシイな、と思っていました。 <form action="submit_test.php" method="get"> <p>住所： <ul> <li>都道府県 <span>(必須)</span> 例：東京都<br /> <input type="text" name="address1" value="" placeholder="都道府県をご入力ください。" /></li> <li>市区町村 <span>(必須)</span> 例：中央区<br /> <input type="text" name="address2" value="" placeholder="市区町村名をご入力ください。" /></li> <li>町名・番地 <span
flabaka.com
AstroでPandaCSSを使ってみるAstroを触ってみようかな？ と思い、まずは公式のチュートリアルを一通り終わらせてみました。以前から気になっていたPandaCSSの勉強も…と思ったので、AstroでPandaCSSを使ってみることに。PandaCSSのインストールマニュアルを見ながら各種設定を終え、npm run devしてみても、CSSが反映されず。原因は単純なミスでした。 LaravelでjQueryを使ってみるデータベースに登録、更新、削除を行なった際に、簡単なflashメッセージを表示させてみようかと。一定時間が経過 or ボタンクリックでメッセージが消えるアニメーションを、jQueryで実装してみたいと思います。npmを使ってインストールしたjQueryを使うと、javascriptの実行順が意図しないものになってしまい、jQueryが実行されなくなってしまいました。色
appforandroid.info
appforandroid.info 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
[CSS]チェックしておきたい、スタイルシートのテクニックのまとめ | コリス
実用的なものから実験的なものまで、最近リリースされたものを中心にスタイルシートのテクニックを紹介します。
ke-tai.org > Blog Archive > iPhoneやAndroidなど複数端末の表示が一気に見えるAdobe AIRで作られたシミュレータ「Mobilizer」
iPhoneやAndroidなど複数端末の表示が一気に見えるAdobe AIRで作られたシミュレータ「Mobilizer」 Tweet 2011/7/5 火曜日 matsui Posted in iPhone, 記事紹介・リンク | No Comments » タグ: Adobe AIR, iPhone, エミュレータ 最近の記事 2013/6/1に第四回札幌MySQL勉強会開催を行います 2013/1/26に札幌で「LOCAL DEVELOPER DAY ’13 / Infra & Security」が開催されます 2012年11月にEZwebのIPアドレス帯域の一部削除がありました Titanium Mobile で Android, iOS 両対応のアプリを開発する際の注意点 2012年11月にEZwebのIPアドレス帯域の一部が削除されるようです コメントを書く お名前 メール U
Scroller を使ってみる。
今回のテーマは Scroller を使用したカスタムビューの作成です。Scroller は座標を管理するオブジェクトで初期位置とターゲットの座標、あとそれに要する時間を指定してあげることでその時点での座標を計算し取得できます。オブジェクトの生成時に Interpolator を指定できるので移動量を任意に調整することもできます。 また View には computeScroll というメソッド持ち、その表示位置を変更させることができます。カスタムビューの中で computeScroll をオーバーライドしてあげることでカスタムビューにアニメーションを持たせる事ができるようになります。Scroller はここで使います。こんな感じで。 @Override public void computeScroll() { if (mScroller.computeScrollOffset())
赤と青と緑の曲線 – 水玉製作所
package { import flash.display.Bitmap; import flash.display.BitmapData; import flash.display.Shape; import flash.display.Sprite; import flash.events.Event; import flash.filters.BlurFilter; import flash.geom.ColorTransform; import flash.geom.Point; import net.hires.debug.Stats; /** * ... * @author umhr */ [SWF(width = 465, height = 465, backgroundColor = 0x000000, frameRate = 30)] public class Canv
ForegroundDispatchとonPauseに注意 - Kazzz's diary
Android 2.3.3(4)、NFCのForegroundDispatchを制御するにはActivityのonResume/onPauseを基準にする必要があるということで、以下のようなスニペットがよく紹介されている。 private NfcAdapter mAdapter; private PendingIntent mPendingIntent; private IntentFilter mFilters; private String mTechLists; private TextView mText; private int mCount = 0; @Override public void onCreate(Bundle savedState) { super.onCreate(savedState); mAdapter = NfcAdapter.getDefaultAda
appforandroid.info
appforandroid.info 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
テキストの切り替えを面白く印象的にできるjQueryプラグイン「Textualizer」
twitter facebook hatena google pocket 画像の切り替えJavaScriptを多く出回っていますが、テキストはあまり見ませんでした。 jQueryプラグインのTextualizerを利用すると、かなり面白い切り替えを行うことが可能になります。 sponsors 使用方法 krisk/textualizer - GitHubからファイルをダウンロード。 jQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="textualizer.js"></script> <script type="text/javascript"> $(function(){ va
Flash Player 10.2コンテンツ制作入門：ネイティブマウスカーソル | デベロッパーセンター
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* Flash Professional CS5.5は、Flash Player 10.2のコンテンツを書き出せるFlash Professionalでのはじめてのバージョンです。本記事では、Flash Player 10.2の新機能であるネイティブマウスカーソルの実装テクニックを紹介します。 ※Flash Player 10.2の新機能について
JavaScriptでプレゼンテーションを作る際に使えそうなjQueryプラグイン「Fathom.js」:phpspot開発日誌
Fathom.js JavaScriptでプレゼンテーションを作る際に使えそうなjQueryプラグイン「Fathom.js」 スライドの中身が全部HTML等で記述可能で使いやすいです。 どうさを見てみたい方は、jQueryモバイルを説明したデモのスライドを見てみましょう。 矢印キーでページ送りが可能です。 初期化も超簡単。 $('#presentation').fathom(); カスタマイズも可能なので色々と応用できます。 関連エントリ iOSのシェイクイベントを取得できるjQueryプラグイン「gShake」 レイアウトに関する強力なjQueryプラグイン６つ 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 フォーム要素をクールにするためのjQueryプラグイン集
Android In-app Billing Overview
In-app Billing Architecture 請求リクエストと請求レスポンスのやりとりを非同期メッセージループを使って、アプリと Android Market サーバ間で行う 実際にはアプリは Android Market サーバと直接やりとりすることはない アプリは請求リクエストを Android Market application に interprocess communication (IPC) を介して送り、Android Market application から購入レスポンスを非同期の broadcast intent として受け取る コンテンツを配送したり、トランザクションを検証するためのプライベートなリモートサーバを使うアプリ内課金の実装もあるが、in-app billing の実装にリモートサーバは必須ではない メディアファイルや写真等をユーザーのデーバイス
textareaやinputでタブの入力を可能にするjQueryプラグイン「Enable tab key」:phpspot開発日誌
textareaやinputでタブの入力を可能にするjQueryプラグイン「Enable tab key」 2011年07月06日- Enable tab key | jQuery Plugins textareaやinputでタブの入力を可能にするjQueryプラグイン「Enable tab key」 通常、textarea上でtabキーを押すと、次のフォーム要素に移動してしまって、TABが入力できません。 テキストをインデントしたい場合もあるのにちょっと面倒だなぁという場合もこのプラグインを使うことでTABが入力できるようになります 必要なライブラリを読み込んだら、 $(TAB可能にしたいエレメント).enableTab() だけでOK。超簡単です ブラウザ自体が対応しなくてもこうしてjQueryでやっちゃえるところが素晴らしい 関連エントリ iOSのシェイクイベントを取得できるjQu
[JS]Firefoxでのパララックススクロールのもたつきを解消するスクリプト
複数の画像を使って視差効果を生み出すパララックススクロールを操作する際、Firefoxで起こるもたつきを解消するスクリプトを紹介します。 Faster parallax scrolling websites in Firefox [ad#ad-2] パララックススクロールとは下記のサイトなどで使用されているテクニックで、複数のレイヤーをそれぞれ異なるタイミングでスクロールし、視差効果を生み出すものです。 Iutopi ここで紹介するのは、これらのパララックススクロールを操作する際、Firefoxでもたつくのを解消するスクリプトです。 この現象は、IE, Chrome, Safari, Operaでは見られません。 Firefoxでのパララックススクロールのもたつきを解消するスクリプト 下記のスクリプトを使用することで、Firefoxでのもたつきを解消できます。 /* Firefox sup
Android android:duplicateParentState
子View の状態（クリックされた、フォーカスがあたった、選択されたなど）を親と共有したい場合、 android:duplicateParentState="true or false" setDuplicateParentStateEnabled(boolean) が使えます。 これを設定すると、自身の状態よりも親の状態が優先され、親の状態と同じ状態をとるようになります。 例えば、ダッシュボードで (ボタン1) ----------- |画像|画像| ----------- (ボタン2) ----------- |画像|画像| ----------- (ボタン3) ----------- |画像|画像| ----------- ・・・ があって、どっちの画像を押しても、両方の画像が状態に応じて変わるようにするには、両方の画像の親Viewにクリック処理をさせ、子View に android
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
wonderfl build flash online | 面白法人カヤック
_level0 | Kayac Interactive Designer's Blog
HTML5のバリデーションパターンが投稿＆テストできる『HTML5 Pattern』 | 100SHIKI
