Emoji unicode characters for use on the web
This page is historical: For a fuller and more up-to-date list of Emoji codepoints, see Unicode's Full Emoji List. These tables are built from Unicode's EmojiSources.txt. The additional sections refer to symbols that have no mapping to Japanese mobile carriers. Back to top 1. Emoticons ( 1F601 - 1F64F ) Native [1] Apple [2] Android [3] Android [3] Symbola [4] Twitter [5] Unicode Bytes (UTF-8) Desc
HTML5で追加されたinput要素のタイプはiPhone、Androidでどのくらい使えるのか | DevelopersIO
HTML5でinputタグのタイブが追加されましたが、現行のiPhone、Androidでどのくらい使えるのか調べてみました。 OSとブラウザに関しては以下の機種で調べています。 iPhone 5(iOS6)のSafari Galaxy S3(Android 4.04)のGoogle Chrome バージョン18 目次 テキスト入力 検索(search) 数値(number) 電話番号(tel) URL(url) メールアドレス(email) 日付・時間指定 時間(time) 日付(date) 日時(datetime) 日時(datetime-local) 週(week) 月(month) その他 範囲から指定(range) 色選択(color) テキスト入力 まずはテキスト入力系の属性を調べてみます。 見た目が変わったり、フォーカスインした際の入力モードが変わります。 検索(search
Mobile Safari の Label 要素挙動覚え書き
iPhone/iPad/iPod touch の Mobile Safari は、デフォルトでは label 要素をタップしても関連付けたフォームフィールドのフォーカスを代行しない。 つまり、<label for="checkbox1"> などと指定しても、label タップで checkbox1 の選択状態は変化しない。 これを fix するために、ページロード時などに予め各 label の click イベントハンドラへ何らかの function をバインドする（function がバインドされてさえいれば良いので、特に何か処理をする必要はない）。 この挙動は iOS だけでなく Android の標準ブラウザでも同様らしい。 コード例 こちらの検証ページを Mobile Safari で開くと、text2 の label 以外は fix されているはず。
スマートフォン実機デバッグ: JSConsoleを使ってみる
と入力してみましょう。 そうするとサーバでIDが自動的に割り振られ、挿入用のスクリプトタグが出てきます（上の画面で反転している部分です）。このスクリプトタグを、スマートフォンで読み込ませるHTMLに組み込んでみましょう。 <!DOCTYPE html> <html><head><title>JSConsole Test</title> <script> window.test = function(arg) { console.log("test message:" + arg); }; </script> </head> <body><div id="hello">hello world</div></body> <script src="http://jsconsole.com/remote.js?9D22144E-AFD1-428B-B505-1D6A4C6F7324"></scri
iPhone/iPad/Android/PC対応、Webアプリの画面をドラッグ＆ドロップで開発する「Maqetta」、オープンソースで開発中
iPhone/iPad/Android/PC対応、Webアプリの画面をドラッグ＆ドロップで開発する「Maqetta」、オープンソースで開発中 Webアプリケーションの開発において、タブやボタンやスライダーなど、さまざまなコントロールを画面上にレイアウトしていくためには、これまでHTMLとJavaScriptを組み合わせた面倒なコーディングが必要でした。 それを、ビジュアル開発ツールの画面上でドラッグ＆ドロップで開発できるツール「Maqetta」がオープンソースとして開発されています。PCの画面だけではなく、iPadやiPhone、Androidなどの画面にも対応しています。 Maqettaはもともと米IBMが開発していたツールで、4月に非営利団体のDojo Foundationにオープンソースプロジェクトとして寄贈されました。 Maqetta自身もHTML5のWebアプリケーションとなって
スマートフォン用ページに振り分けるときはrel=”canonical”を設定する
iPhoneやiPad、Android端末の普及でスマートフォン専用のページを用意するサイトも増えてきています。 スマートフォンからのアクセスに対して「リダイレクトによってスマートフォン専用のURLに振り分けるとき」の注意点を今日はお伝えします。 rel=”canonical”タグで、対応するデスクトップ用ページのURLを指定してください。 重複コンテンツの発生を防止するためです。 現状GoogleはデスクトップPCとスマートフォンを区別せず同等に扱います。 スマートフォン用の検索結果も用意していません。 共に、ウェブクローラのGooglebotがクローリングします。 ※従来のモバイル端末はモバイルクローラのGooglebot-Mobileがクローリングします。詳しくはこちらの記事を参照。 スマートフォン用のコンテンツはデスクトップ用のページと、完全ではないにしてもほぼ同じになるはずです。
.NETでスマホ向けWebアプリ開発を始める前の基礎知識（3/3） - ＠IT
.NETによるスマートフォンWeb UI開発ガイド【導入編】 .NETでスマホ向けWebアプリ開発を始める前の基礎知識 デジタルアドバンテージ 一色 政彦 2011/04/01 ■スマートフォン向けWebアプリの開発技術 ●.NET技術を活用したスマートフォン向けWebアプリ開発 .NET技術を活用したスマートフォン向けWebアプリ開発を考えると、下記の3つが考えられる。 ASP.NET MVC ASP.NET Webフォーム .NET向けのライブラリの活用 ○ASP.NET MVC 前述のJavaScriptライブラリを活用したり、手動でHTMLコードを記述したりするような場合には、ASP.NET MVCを採用することになるだろう。.NET開発者として本命のテクノロジだといえる。ASP.NET MVCを活用する開発方法については、「連載：マイクロソフト技術による標準化志向Web開発ことは
初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
White Nexus 4 and Android 4.3 coming June 10th | Android and Me
Compare Apple iPhone plans using the tool below. The iPhone is one of the most popular smartphones in the world, and for good reason. Since Apple came out with the iPhone, the smartphone industry changed forever. Now, with the release of the iPhone 11, iPhone 11 Pro, and iPhone 11 Pro Max, the iPhone is packed with more features and power than ever before. Compare cell phone plans that work with t
スプートニクス通販ショップ～SPUTNICKS～【クーポン】
男性でファッションにこだわりのある方だけでなく、ファッション初心者の方にもおすすめなのがメンズファッションアパレルショップの「スプートニクス（SPUTNICKS）」です。 東京高円寺発のキレイめメンズファッションを提案するセレクトショップ「スプートニクス」では、定番でおしゃれなアイテムが豊富なだけでなく、トレンドもしっかり押さえたアイテムも充実しているため、適度にイマドキ感を出しながらファッションを楽しみたい男性から非常に好評となっています。 「スプートニクス」といえば、その代名詞とも言うべきボタンダウンシャツがリニューアルし、さらに高品質と快適な着心地になった4D ストレッチ 立体裁断 120×54 オックスフォードシャツや、男性の脚のラインをきれいに見せてくれるMADE IN JAPANのチノパンなどおさえておきたい定番アイテムは必見！ また、トレンドを先取りした人気のジャケットやニッ
わずか10分でスマートフォン用サイトが無料で作成できるウェブサービス「smart4me」を使ってみた
リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。 普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス？ 以下引用を参考に。 smart4me（スマート フォーミー)とは？iPhoneやAndroidなどスマートフォン向けサイトが無料で、簡単に公開できる、世界初のWebサービス！ ブログ感覚で、ユーザー自身のスマホサイト（スマートフォン向けサイト）を簡単に公開が可能。 TwitterやBlogなどのソーシャルメディアとも連携可能なので、あなたの最新情報をすべて集約できるなど、使い方はあなたのアイディア次第です! 早速ユーザー登録してみよう smart4me ユーザー登録はちゃちゃっと終わります。 登録したメールアドレス宛にメール
スマートフォンサイトにフリック・スワイプ実装できるjQueryスライダプラグイン
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Maqetta
http://team-pag.interprism.co.jp/member/noguchi/blog/2010/10/%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E3%81%AE%E3%83%A6%E3%83%BC%E3%82%B6%E3%82%A8%E3%83%BC%E3%82%B8%E3%82%A7%E3%83%B3%E3%83%88%E3%82%92%E7%BA%8F%E3%82%81%E3%81%A6%E3