スマートフォン対応でよく使う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
愛宕山太郎坊/Staff
愛宕山太郎坊 アニメーション制作進行支援ソフト 愛宕山太郎坊 ログイン 会社id ユーザー名 パスワード ユーザー名またはパスワードが正しくありません。 閉じる ログイン
Bootstrap 3 で何が変わるのかをまとめてみた
Twitter Bootstrap 3 の変更点概要 Bootstrap 自体の仕様だけでなく体制なども変更されるようです。 モバイルファースト twitter/bootstrap, twitter/bootstrap-server, mdo/bootstrap-blog（プライベートレポート）を twbs organization アカウントへ移行 サイトの URL を http://getbootstrap.com に変更 CSS はレスポンシブ用スタイルも含めて1ファイルにする IE7, Firefox3系 のサポート廃止 Glyphicon のフォント版を採用 Apache ライセンスから MIT ライセンスへ移行 *-wip ブランチの開発スタイルから 3.1.0-modal-revamp のような機能ごとのブランチに変更 過去バージョンのダウンロードにタグを使う コミュニティの
株式会社DXディライト｜Salesforce導入コンサルティング
DXディライトは、見込み客の獲得から顧客化、受注後の業務フローの構築など、Salesfoceを中核にあらゆる部門の業務環境・フローの構築をご提案いたします。Salesforceの認定パートナー。
Firefox OS - naoyaのはてなダイアリー
Firefox OS が面白そう、というので少し触ってみました。 Firefox OS はWeb 標準ベースの開発を基礎としたモバイル端末用プラットフォーム、要は HTML と JavaScript と CSS でアプリケーション開発できるモバイル端末用の OS。間もなく Developer Preview Phone な実機が発売されるというのでにわかに盛り上がりを見せているみたいです。 Firefox OS が目指すところは Web 標準による、開発者がロックインされないオープンなプラットフォーム。iOS や Android の昨今の状況を見れば、そのアンチテーゼになるプラットフォーム構想があってもおかしくないわけで、まさにそれを目指しているようですね。 いったいどんなものかという概観は dynamis さんによるスライドが分かりやすい。 Firefox OS from dynamis
モバイルファーストかどうかって言うんじゃなくてPC Web終焉の始まり
ちょうど去年の年末から「PC Web終焉の始まり」ってタイトルのネタで書こうと思っていたら、タイミングよくこんなエントリーが（笑） モバイルファーストは間違いだったのか « うめのんブログ. これに呼応して@fshin2000さんも F’s Garage @fshin2000 ：モバイルファーストが失敗なハズはないが、今はまだ時期尚早. 僕はどちらかというと、今年がまさに転換期でPCでのサービスをやるとしてもプロトタイプとして位置づけ、スマホを中心とするモバイルデバイスでユーザー体験が解決するようにサービス開発をすべき、もう一つのポイントとしてandroid版から開発すべきと考えています。 僕らみたいにネットのサービスに日々触れていて、昼間PCに向かっている時でもインターネットを使っている人っていうのは、実はごくごく一部であって、業界ではない人と会話するとやはり皆スマホから色んなサービスを
Mac/PCからのAndroid上のブラウザのリモートデバッグのまとめ - Nothing ventured, nothing gained.
スマートフォンやタブレットが主流になりつつあるが、それらモバイルデバイスでWebのデバッグするのは楽ではない。User Agent文字列を変更してモバイルデバイス上のブラウザの振りをしたMacやPCのブラウザからデバッグする方法もあるが、モバイルデバイスのブラウザの機能がMacやPCと同一ではなく、モバイル特有の状況もあるため、モバイルデバイスそのものを使った状態でデバッグしなければいけないことも多い。 そのような際に使われるのがリモートデバッグだ。 Mac/PCとAndroidの両方にブラウザを提供している主流ブラウザとしてはChrome、Firefox、Operaがあるが、このリモートデバッグ機能はこの3種のブラウザすべてに備わっている。また、ブラウザ開発元ではないが、Adobeもリモートデバッグ機能を提供している。すでに使っている人も多いと思うし、それぞれ多くの情報が提供されているの
モバイルファーストが失敗なハズはないが、今はまだ時期尚早
…ということをi-modeで成功した実績を持つ日本人なら自信を持って言える。 モバイルファーストは間違いだったのか « うめのんブログ 理屈ではFacebookが選択していたWebとのハイブリッドアプリが正解のハズだったんだけど、残念ながらスマホのスペックはそこにたどりついてない。 故にアプリでやらなきゃいけないんだけど、アプリの世界はアップルもAndroidもいろいろ問題があって、面倒くさいので大変だなぁというのがイマココ。 （アプリ名が完全一致してるのに、検索結果の一番最初に出てこないApp Storeって酷すぎる。） だからといってPCで進めるべきなのか？！というと、いや、あんたんとこのサービスがPCでユーザー集められる特性のサービスなら、とっととPCやりんさいよ！という話であって、それはそもそも機能的な意味のモバイルファーストではないじゃない。 マーケティング論としてのモバイルファ
小さくなる配信パッケージと思考・設計の変化
先週、iPad 専用の雑誌として注目を浴びていた The Daily が、12月15日で廃刊 になりました。創刊後、Web にプレビュー記事を公開したり、多デバイス化を進めていましたが、うまくいかなかったようです。 2 年前に iPad が登場して以来、紙の雑誌と同じような見た目にインタラクティブ性を加えた「タブレット雑誌」は幾つかでてきました。しかし、多くのタブレット雑誌の売れ行きは 印刷版の10%も満たない と言われており、複数バージョン作らなければならないコストに合うかどうか難しいところ。まだ伸び盛りのタブレット・モバイル市場とはいえ、そこまで出版社の体力がもつかどうか気になります。 創刊当初かなり話題になったので「The Daily」は短期間購読していました。雑誌のようにバラエティに富んだレイアウト、ビデオや写真がたくさん盛り込まれたコンテンツ、そこでしか読めない深みのある記事など
フロントエンド開発者であれば知っておくべきモバイル/デスクトップブラウザのバグやトリック20 | Web | position: absolute;
斉藤さん（@cssradar）が紹介していた20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should knowがおさらい的に参考になったので各項目の表題だけ訳しておきました。ほとんど邦訳するということがないのでおかしい部分などありましたらご指摘頂けると幸いです。 各内容の詳細については訳していません。本文とサンプルのソースを見れば大体わかると思います。 また、Gistにも置いています。 20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should know Link outlines / highlights are misaligned on the Kindle Fire リン
スマートフォンって情報収集の機器としては効率が悪いよね - ARTIFACT@はてブロ
「短時間で高密度に情報収集と取捨選択」のためには、スマートフォンで一日中ネット見るより、短時間に集中して高速な回線とPCで見た方が効率いいという話を思い出し、そしてotsuneさんやRPMさんがスマートフォンを使わない（RPMさんは最近iPhoneを買っていたが）というのを思い出す。 スマートフォンは、常に持ち歩いている分、コミュニケーションツールとしてはPCよりも便利だが、情報収集に関しては出先のような突発的な情報収集はともかく、継続的な情報収集はPCの方が便利だ。Samsung Galaxy S3 16GB GT-I9300 SIMフリー 出版社/メーカー: SAMSONメディア: エレクトロニクス クリック: 1回この商品を含むブログを見る
モジラCEOが語るグーグルとの関係--なぜ「Firefox OS」が必要なのか
ブラウザ市場に革命を起こした「Firefox」のMozillaの挑戦は続いている。オープンソースを愛する開発者が中心の非営利団体Mozilla Foundationは「Internet Explorer（IE）」の独占状態を崩し、オープンなウェブにとって重要な旗振り役となった。 そのMozillaの最新のミッションはモバイル。新しいモバイルOSで、閉鎖的なモバイルにウェブのパワーをもたらすと意気込む。アイルランド・ダブリンで開催された「Web Summit 2012」で10月18日、Mozilla Corporationの最高経営責任者（CEO）であるGary Kovacs氏が対談形式でMozillaの今、そしてこれからを語った。 Google依存を否定--「検索統合のビジネスモデルは今後も維持できる」 対談相手を務めたWiredの欧州担当編集者David Rowan氏は、まずビジネスモデ
イー・モバイルLTEユーザーの墓場はこちらです - はげあたま.org
イー・モバイルが真っ先にLTE提供を始めたので，WiMAXがあったり，2年縛りという壁もあったけど，気にせず突貫したのが今年の3月． 当初は全然エリアつかむことはありませんでしたが，冗談抜きで毎週ごとにLTEエリアの拡大を感じており，実用レベルでは十分な頻度でLTEでの快適通信が出来てて大変満足しておりました． しかし，しかし，本日のソフトバンクによるイー・アクセスの買収で全てが終わりました．買収情報入った瞬間は淡い期待を抱いてましたが，今終わったソフトバンクの発表会見で死刑宣告ですよ！！！ その会見内容は iPhone5すばらしい LTE帯域はとくにテザリングにより足りなくなる イー・モバイルの1.7GHｚ帯まで使えば素晴らしい体験になる という話で終始しており，既存のイー・モバイル（とくにLTE）ユーザー視点は全く出てきませんでした． さらに，その後の記者会見で”既存のイー・モバイルユ
イベント会場で大勢の人が一斉にソーシャルメディアを利用すると起こるトラブル - ARTIFACT@はてブロ
クラタス：ワンフェス速報: なんでも作るよ。 ワンフェスでお披露目されたクラタスで起きたトラブルが興味深かった。 もう一つ不思議な事があった。 クラタス新装備として、ラジコンヘリによる演出があったんだけど、これも映像が送れない、そもそも飛んでくれないという、今まで全くなかった症状が出ていた。 それも、イベント終わると共に完全復帰。 なんと、、、 イベント始まると共に、お客さんが一斉にツイッターとかフェイスブックとかにアクセスしたことによって、周囲の電波状況がむちゃくちゃな状態に。 あとから聞けば近くのブースのwi-hi接続も劣悪になった模様。 これで、無線系がダメになって通信不可で操縦不能。 クラタス本体も無線は使っていないものの、PCから駆動回路にノイズが乗りまくった可能性が非常に高くなってきた。 そ、そんな事があるのか、、。 ジャミング対策をせねば。 よく電波の技術者の人たちが、電波の
ウェブ上で正しい電話番号の書き方
こんにちは。開発担当の森本です。 今回は Sleipnir 3 新コンセプトにも関係のある電話番号の話をしたいと思います。 web や印刷物で見かける電話番号は、 012-345-6789 みたいな形式が多いように思います。 ただ、グローバル化が進んでいることを考えると、外国人も見るのにこれで良いのだろうか？アメリカでは違う人に繋がったりするんじゃないか？と気になっていました。 こういうときは国際規格とかを見ればいいじゃん！というわけで、現状どうなっているかを調べてみました。 ITU-T E. 164 および E. 123- 電話番号計画 特殊な番号(110 とか)を除いたものは、ITU E. 164 と E. 123 という勧告で、グローバルな表記が定められています。 これは国際電話でよく見る +(国番号)(番号) と言う形式で、012-345-6789 は +81-12-345-678
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
agilecatcloud.com
TechCrunch
ggsoku.com
NameBright - Coming Soon
http://japan.internet.com/webtech/20120523/3.html