8/18におこなわれたCSS Nite in OSAKA, Vol.32での発表用スライドです。4/27のCSS Nite in OSAKA, Vol.29で使用したスライドをベースに、若干の追記・修正をした内容となっています。Read less
※iPhoneからこのページを開いている場合には必ず"画像をタップしてリンク先から保存"するようにしてください。 ※Safari以外のブラウザで開くと、リンク先が正しく表示されない場合がありますので、必ずSafariから開き直してから画像を保存してください。又多少前記事と合わせ重複がありますが、ご了承下さい。 前記事:
デスクトップ・スマートフォン・タブレットの主要なブラウザの古いバージョンから最新版までに対応した、クロスブラウザのチェックに使えるWindows用のソフトウェアを紹介します。 Cross browser testing -BrowseEmAll [ad#ad-2] BrowseEmAllのサポートブラウザ BrowseEmAllの主な特徴 BrowseEmAllの使い方 BrowseEmAllのダウンロード BrowseEmAllのサポートブラウザ デスクトップ 主要ブラウザの最新版に対応。 IE7-9 Firefox3.6-12 Chrome12, 16, 19 Safari4, 5, 5.1 Opera10, 11 スマートフォン・タブレット 横置き・縦置きに対応。 iPhone, iPhone4, iPad, iPad2, iPad3 シミュレーター Android2.2, 2.3,
何をするのか?何が良くなるのか? 普段使っている iCloud とは別の iCloud アカウントを用意して、それをフォトストリームの共有に使います。 この設定を行うことで、異なる iCloud アカウントを使っている iPhone/iPad の間で、使用中のアカウントを使い続けながらフォトストリームを共有できます。 ただし、共有に用いる iCloud アカウント以外の iCloud アカウントでは、フォトストリーム・バックアップ・書類とデータ機能が利用できなくなります。 用意するもの:iCloud の新しいアカウント 必要なものは「iCloud の新しいアカウント」。これをフォトストリームの共有用に利用します。以下の手順を参考にアカウントを取得しましょう。 左:まずは設定アプリを開いて【iCloud】をタップ。 右:画面を下にスクロールして【アカウントの削除】をタップします。
モバイル用でJavaScriptでアプリケーションを作成できるフレームワークについて比較した記事を翻訳しました。 Comparing HTML5 Mobile Web Framework - Dzyngiri Comparing HTML5 Mobile Web Framework Apr 27, 2012 by Dzyngiri 今年はモバイルWebにとって面白い年になっている。HTML5とCSS3の採択、モバイルブラウザのパフォーマンス向上、モバイルアプリケーションフレームワークの爆発は、モバイルデバイスでのリッチでインタラクティブなWeb体験の作成がこれまでよりも現実的になったことを意味する。PhoneGapのようなラッパを使うことで、iPhoneやiPad、AndroidのネイティブのAppストアでアプリケーションを配布することも可能になった。単一のコードベースでマルチプラットフォ
iPhoneのDNSの設定変更が話題になっているようなので、レスポンスの速いDNSサーバがないか調べてみました。便乗記事です。 ネタフル - iPhoneのWiFi接続を高速化する魔法の数字「8.8.8.8,8.8.4.4」 測定ツールはWindows用の「DNS Nameserver Performance Benchmark」です。ツールの詳細は割愛しますが、測定するには下のスクリーンショットの「Nameservers」タグの右側にある「Run Benchmark」をクリックするだけです。 Bフレッツ接続のPCで測定しています。 1.ベンチマーク結果 まずはベンチマーク結果をご覧ください(クリックすればちょっと拡大します)。 測定している値は次の3種類です。それぞのれの意味については「私家版 ITプロフェッショナルの仕事術 - GRCのDNS BenchmarkでDNSをスピードアップ
明日から山手線全駅でWi-Fiスポットが利用できるように。 ファストフード店や空港で利用できる便利なWi-Fiスポット、明日3月30日から山手線全駅で利用できるようになります。 もちろん、SoftBankとau(さらにDoCoMoも)の両キャリアで使えますよ。 JR東日本公式ページのプレスリリース(PDF)は以下からどうぞ。 山手線内の全駅で公衆無線LANサービスがご利用できるようになります SoftBankのプレスリリース。 JR東日本の山手線全駅ほか札幌・仙台・神戸の市営地下鉄の一部駅構内で「ソフトバンクWi-Fiスポット」を提供開始 | ソフトバンクモバイル株式会社 auのプレスリリース。 〈お知らせ〉 JR山手線内の全駅で快適インターネット | 2012年 | KDDI株式会社 (本来は4月16日から利用開始なのですが、auのスマートフォンユーザーのみ3月30日より利用できるように
ImageOptim makes images load faster Removes bloated metadata. Saves disk space & bandwidth by compressing images without losing quality. Faster web pages and apps Reduces image file sizes — so they take up less disk space and download faster — by applying advanced compression that preserves quality. Image files scrubbed clean Removes invisible junk: private EXIF metadata from digital cameras, em
enchant.js is … カンタンにゲームやアプリを開発できる HTML5 + JavaScript フレームワークです。 2011年に公開され、すでに 1,000 本以上のゲーム/アプリが公開されています。 オープンソース (MITライセンス) で、無料で利用できます。 ドキュメント・書籍・チュートリアルサイトが充実しています。 たくさんのプラグインで機能を拡張できます。 UEI/ARC を中心としたメンバによって開発・メンテナンスされています。 プログラミング教育のためにも利用されています。 Features オブジェクト指向: 表示されているものはすべてオブジェクトです。 マルチプラットフォーム: iOS, Android, Mac, Windows のブラウザで動作します。 Windows 8: Windows 8 対応のHTML5アプリケーションを開発できます イベント駆動
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード(ヒント付き) こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記: ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
iOS 5 の内蔵辞書をうまく利用しています。よって、アプリ内にはなんのデータもありません!ダウンロード時のアプリサイズは驚異の33.7KB!ダウンロード後でも127KB!そりゃそうです、だって内蔵辞書を使っているだけですから! 無料辞書によくあるタイプのネット接続はもちろん不要!だって内蔵辞書を使っているだけですから!! もちろん日本語でも英語でも検索することができます。和英は無理ですが、サクッと単語の意味を調べたい場合には敵なしです。(11月10日追記: 英英に対応しました。)(12月4日追記:国語・英和・英英・和英に対応) このアイディアには脱帽ですね!座布団を20枚ぐらいあげたいです! さっそくご紹介いたします!
See related links to what you are looking for.
「jQuery lazy load plugin」というWordPress用のプラグインを利用すると、画像などがフワッとした感じでスクロールに応じて表示されるようになります。 プラグインを入れるだけなので、とても手軽なのですが、いくつか気になる点も。 ・サイドバーの画像にも影響してしまい、ページ下部までスクロールしないと表示されない ・「WPtouch iPhone Theme」プラグインを利用しているとiPhone等で画像が見れなくなる で、これらを解決するには、「jQuery lazy load plugin」の編集をクリック。 「jquery-image-lazy-loading/jq_img_lazy_load.php」を開きます。 この中に jQuery("img").lazyload({ という一文がありますので、そこの「img」の部分に、この機能を反映させたいIDやCLASS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く