HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう | Kia King
WEBでレスポンシブ対応するときに結構大変なのが画像の扱い。iPhone等の高解像度デバイス(Retinaディスプレイ等)には2倍の画像を用意する必要があるし、最近は画面のサイズに会わせて画像を切り替えたい場合も多い。そんな時にHTML5のsrcsetがすこぶる便利だったのでご紹介します。 srcsetでできること 次のようなことが可能になります。 Retinaディスプレイ用に画像を切り替える ウィンドウサイズに合わせて画像を切り替える ウィンドウサイズに合わせて動的に画像を切り替える Retinaディスプレイ用に画像を切り替える 基本的な使い方は下記のような感じでimgタグに使用します。シンプルですね。 <img src="img/example-img.jpg" srcset="img/example-img.jpg 1x, img/example-img@2x.jpg 2x" alt
iPhone向けwebアプリを作ってみる-タッチイベント、ジェスチャーイベントに関するまとめ-
こんにちは。普段からiPhoneを愛用している橋本です。 最近、「せっかくiPhone持ってるんだし、iPhone向けのアプリ作ってみようかしら？」と思い立ったのですが、iPhoneのネイティブアプリを作るには、"Objective-C"と、"cocoa Touch"というiPhone/ipodTouch向けのフレームワークを理解する必要があり、また、自分で開発したアプリを実機に入れて動かしてみるには、そこそこの費用と各種手続きが必要だったり（iPhoneエミュレータ上で動かす分には問題ないのですが…）と、何かと大変です。 「何かもっと手軽にiPhone特有の機能を活かしたアプリを作る方法はないかなぁ。。」と考え、思い立ったのがWebアプリ。Webアプリなら、今までの知識＋αでアプリを作成することが出来るのではないかと。そこで、今回から数回に渡ってiPhoneとjavascriptを使って
いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記
外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。 上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。 結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省
HTMLってホントよく出来てるな。
Objective-Cなんてのを書いてると、なんでこんなちっぽけなことを実現するのに時間がこんなにかかるんだろうと思う。 スキルや経験に問題があるかも？！というのは否定しないけど、Webベースで作ってる時に比べて、自分の生産性が1/20ぐらいになってる気がして、携帯HTMLのサーバサイドコード書いてた時と比較しちゃって、モチベーションの維持が本当大変。 HTMLのハイパーリンク、テーブル、CSS、、、すごくシンプルなアーキテクチャで、すごいよ、やっぱり。 なによりWebは分業したときの切り分けがエンジニアに優しいw。 唯一の弱点はサーバサイドコードが汚くなることだけど、汚くあることで可読性は悪いけど、その分、修正のスピードが早い。汚いところは君の頭の回転でカバーだ。 AjaxもいらないからブラウザとWebサーバの間で先読み技術などがどんどんリッチになって、Webの人はできるだけ使いやすいW
RALLY
F F an Study I I kon Pass Destinations G G lobeKit I I kon AR Maps E E xperience Center E E ven B B oundary Supply J J aybird I I n-Car Navigation T T actical Mapping I I nside Design Y Y ouMap C C hat F F ranklin Square S S NKRS F F ox Sports S S tance G G lobal Payments L L uxe Valet E E picurrence B B oston Globe G G enworth W W orld Atlas E E SPN FC M M erchant App C C ity Guides N N ational P
WALLSPANKERS.COM
Togel Hongkong adalah salah satu pasaran togel yang berasal dari Hong Kong, resminya wilayah administratif khusus Hong Kong di Republik Rakyat China. Hongkong terkenal dengan perkembangan pesat karena sering menawarkan permainan tebak angka atau undian lotre yang menghasilkan keuntungan besar secara acak. Dengan adanya pusat live draw hk resmi saat ini, TOTO5000 ikut turut andil dalam kegiatan pen
Jobs Was Right: Adobe Abandons Mobile Flash, Backs HTML5
Jobs Was Right: Adobe Abandons Mobile Flash, Backs HTML5 UPDATE 8:39 A.M. PST: Adobe confirmed it will cease Flash development on mobile devices. In an abrupt about-face in its mobile software strategy, Adobe will soon cease developing its Flash Player plug-in for mobile browsers. Adobe said it would abandon mobile flash development, nudge developers to the Adobe Air platform and wholeheartedly ba
WebブラウザはSQLの夢を見るか？ いや、たぶんもう見ないようだ
グーグルがオープンソースとして開発しているプラグインの「Gears」が開発中止となる、というニュースが先週報道されました。 InfoQ: GoogleがGearsの開発を中止 Google、「Google Gears」開発を減速しHTML 5にフォーカスへ - SourceForge.JP Magazine Googleの戦略変更、HTML5に注力する一方でGearsの開発は停止：佐藤信正「Googleウォッチング」 Gearsの機能はHTML5へ Gearsは2008年にリリースされた、Internet ExplorerやFirefoxなどに対応するプラグインです。Chromeにも同等の機能が内蔵されています。Gearsは、Webブラウザに以下の機能を追加します。 Webサイトをローカルにキャッシュし、オフラインで利用可能にする SQLiteを内蔵し、ローカルデータベース機能を提供する
Client Side Databaseについて - 枕を欹てて聴く
あんまり解説なかったのでメモ. iReader作ったときに利用した. 正直今のところSafariしか対応してないから, iPhone/iPod touch専用ページくらいしか使いどころないのですが.HTML5なのでいつかはcross-platformで役に立つことを願いつつ. 仕様 HTML Standard interface Database { void transaction(in SQLTransactionCallback callback, [Optional] in SQLTransactionErrorCallback errorCallback, [Optional] in SQLVoidCallback successCallback); void readTransaction(in SQLTransactionCallback callback, [Optiona
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イラレ作成からWeb書き出しまで
大栗博司 on Twitter: "この連載『数学の言葉で世界を見たら』では、原稿をLaTeX構文で書き、JavaScriptのライブラリであるMathJaxを使用することで、数式を表示しています。⇒ http://t.co/jyDD6xtKpf"
<html>,<body>は要らない？Googleが推奨するHTMLファイルの記法 - Qiita
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
ggsoku.com
http://plus.appgiga.jp/masatolan/2012/01/15/11763/
HTML5 Video Destruction
js-fireworks - JavaScript Fireworks
ROXIK | Monalisa
＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)
IBM Developer
