iPhone 5 Psd Vector Mockup iPhone5のモックアップ用素材はホワイト、ブラックともに揃っており、細部までしっかり作り込まれています。
iPhoneやiPadのタッチイベントに 対応させるjQueryプラグインです。 軽量なんですが、jQueryUI併用な ので一応軽量とは謳わないように しておきます。導入も結構簡単 なので覚えておいて損は無いかも。 iPhoneやiPadでドラッグやリサイズを可能にするライブラリです。もちろんiPhoneだけでなく、PC側でも動かせます。 ただ、要素をドラッグしたりリサイズしたり、だけではなくドラッグ可能なコンテンツをネストしたりドラッグコンテンツ内にスライダー入れたりとかも出来る。 試しにjQueryMobileと併用しました。サンプルどうぞ。QRコードも用意しときました。 sample 使い方 <script src="http://code.jquery.com/jquery-1.7.0.min.js"></script> <script src="http://code.jque
こんにちは!プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。(jQuery Mobile は不要です) iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この3点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
iPhoneやiPad、Androidといったスマートフォンやタブレット端末では フリック/スワイプと呼ばれる指でスライドさせるUIが付き物になっています。 jQueryでもこのフリック/スワイプ動作を実装できるプラグインはたくさんありますが いざ自分で作ろうとすると意外と大変な動作だったりします。 この動作についていろいろ調べていたところ Sleipnirのフェンリルさんのデベロッパーズブログにて、 iPhone/Android/PC 対応。jQuery で書くタッチイベント (フェンリル | デベロッパーズブログ) と題した、jQueryでiPhoneやAndroid、PCでタッチイベントを取得する方法がとても参考になったので この記事を参考にしてフリック/スワイプで操作するシンプルな画像ギャラリーを作ってみました。 まずは動作サンプルから。 下記の画像をフリック/スワイプしてみてくだ
appcacheを調べていたついでに発見したので書いてみる。ちなみにsafariのインスペクターのコンソールがコードの入力補完をしてくれるので、弄ってたら色々出て来たので。出て来た結果をググったらwebkit関連の記事ばかりなので、webkitのソースを追う方が実は早い気がした。 window.onload window.onfocus window.onblur window.onunload window.onbeforeunload このあたりはまぁ他のブラウザでもお馴染みですね。 window.ondrop 字面から。。。? window.onpagehide window.onpageshow この2つはなかなか面白い。基本LoadとUnloadに近い動きだが、mobile safariだとwindow切り替え時にも反応する(一体何に使えるかはアイデア次第...)。 window
少しのコードで実装可能な15のスマートフォンサイト用小技集スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい! スマートフォンサイト用小技集 目次いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントを iPhone などに切り替えてご覧ください! 横幅をデバイスの幅にあわせる文字サイズの自動調整をオフリストのクリック(タップ)範囲を広げる画面の幅にあわせて CSS を変えるリンクテキストのある Div 全体をクリック(タップ
ここ数日3時間ぐらいしか寝れてないので眠いです(´-ω-) それはさておき今日はHTML5のお話を少し。 仕事でAndroid/iPhone向けに動画を配信しよーということで 最初は動画ファイルに直リン張ってたけどスマホ向けなのに スマートじゃないって事で、HTML5のvideoタグを使用。 今まで直リンだった動画をソースに指定して。。。 iPhone4では難なく再生(=∀=)/ Androidが問題児でした。。。 表示されてるビデオの枠をタップしても反応しない。 あっるぇぇぇぇぇぇ? というわけでググったら、Androidは onclick="this.play()" とか つけないとダメという事が分かったので早速つけてみた。。。 やった!タップに反応した! と思ったら 「この動画は再生できません」 何というツンデレ んで、他のAndroidで再生できる動画の中身を確認すると どうやら
最近スマートフォン対応やタブレット対応の案件が増えてきて、スワイプに対応させたいと言われる事が結構多いです。 知ってる人も居るかもしれませんが、スワイプが出来るようになるjQueryプラグインをまとめてみました。 画像ギャラリー専用のものから、ページ全体をスワイプで区切るものまで色々ありますよ。 参考になれば幸いです。 jQuery Touchwipe iPhone、iPad、Android用にスワイプでスライドショーを移動できます。 スワイプした時のイベントが簡単に取得できるので、画像切替意外にも色々使えそう。 PCの場合には、アンカーテキストで画像の切替ができます。 サイズも1kB程度なので、モバイル端末に優しいですね。 PhotoSwipe jQuery Mobile対応の全画面イメージギャラリー。 写真を大きく表示させて、ツールバーで操作するタイプです。 jquery.flicks
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
Captcha security check monodez.com is for sale Please prove you're not a robot View Price Processing
See related links to what you are looking for.
AdobeのPackager for iPhone®の開発が再開されましたね。 こんにちは、堀口です! Packager for iPhone®の開発が再開されましたね! テンションあがっちゃったので早速実機にアプリを転送してテストする所までまとめました。 前提として、AppleのiPhoneデベロッパー登録は済んでいるという事にします。 それでは早速やりましょう! と、そのまえに CorLeonis.net - Packager for iPhone®でつくられたiPhoneアプリ こちら、Flash CS5発売前のプライベートベータプログラムに参加された方々が Packager for iPhoneで制作したアプリが丁寧にまとめられています。 どのようなアプリが作れるのか、とてもとても参考になりますので、目を通す事をお勧めします。 まずは、事前準備 さて、Packager for iP
画面に表示された画像を指でドラッグする方法です。 UIImageView クラスを継承した DragView クラスを作成する。 @interface DragView : UIImageView { CGPoint startLocation; } @end @implementation DragView - (void) touchesBegan:(NSSet*)touches withEvent:(UIEvent*)event { startLocation = [[touches anyObject] locationInView:self]; [[self superview] bringSubviewToFront:self]; } - (void) touchesMoved:(NSSet*)touches withEvent:(UIEvent*)event { CGPoin
先日とある知人からWebに関してに相談されました。 「FlashがiPhoneで表示されなくて困ってる。ページを開くと変なアイコンがでるだけ。なんとかしてほしい」 と。確かiPhoneは現時点ではFlashに対応してない。でも最近はiPhoneを持っている人が町中でもちらほら見かけるので、無視できない存在なんでしょうね。私はiPhoneは持っていませんが、同じブラウザSafariを搭載したiPod touchは持っているので、それで確認してみた。 たしかに変なアイコン出ています。おそらく対応するプラグインは入ってないぞという意味でしょう。 Flashに関しては大昔多少かじった程度であまりくわしくありません。その大昔もFlash2の時代で太古の昔です。でも確かSWFに書き出すときにブラウザが対応していない場合、代替GIF画像を表示するようにオプションがあったような・・・などと思ったんですが、
“テザリング”と,あえて括弧付けで書いたのは,つまり本物のテザリングではなく,それに近いものだからです。“iProxy”というアプリを使ってiPhoneをSOCKSプロキシにする方法です。 注意! パケット定額フルの範疇に含まれるかどうかは一切不明ですので,ご利用は計画的かつ自己責任で iPhoneのディベロッパーアカウントが必要 まずは,iProxyのソースコードをダウンロードし,コンパイルしてからiPhoneにインストールしてください。※ディベロッパーアカウントを持っているなら方法はご存知だと思いますので詳細は省きます。 後は簡単です。 まずはパソコン側の設定をします。※ここではMac上,アドホック・モードの設定方法を紹介しますが,似たような方法でLinuxやWindowsでも可能だと思います。 システム環境設定 → ネットワーク → ネットワーク環境を編集… で以下のように新しいネッ
まさに発想の転換。Jailbreak無しでiPhoneをFlash対応にする方法。2010.01.22 11:30 iPhoneがFlashに対応するのを首を長ーくして待っている方。なんと、Jailbreak無しでもFlashがiPhoneで再生できるプレイヤーが登場しました。 JavaScriptで書かれたオープンソースFlashプレイヤー「Gordon」は、FlashファイルをJavascriptを通してブラウザに指示することができるもの。このプレイヤーをページに組み込めば、iPhoneのSafariからFlashが見れてしまうということなんです。いやぁ、この発想はなかったわ。 開発者のページではソースコードのダウンロードとデモが見れます。 [Gordon via Slash dot japan] (遠藤充)
SLOT95 memberikan jaminan kemenangan untuk akun baru atau member baru yang daftar situs sedang slot gacor hari ini. SLOT95 dengan modal 10K sudah bisa bermain di berbagai provider ternama seperti pragmatic play & pg soft. Situs SLOT95 sekarang hanya dengan bet 400 perak untuk semua games langsung bermain di link SLOT95 resmi cuma modal isi saldo deposit 10ribu / 10k dijamin akun baru pasti hoki. J
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く