“Wait? What was that Bruce Lawson just said?” That was my reaction last week as I listened to the audio from Bruce’s presentation at Responsive Day Out conference. What had Bruce said that blew my mind? It was the fact that you can embed media queries inside SVG images. Maybe this is common knowledge for everyone else, but I was stunned by the news. Today I finally got a moment to research this fu
Firefox38+Safari9.1+Chrome38+Opera?Edge79+Edge (Legacy)13+Internet ExplorerNoFirefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android? Categories:Flow content.Phrasing content.Embedded content.Palpable content.Contexts in which this element can be used:Where embedded content is expected.Content model:Zero or more source elements, followed by one img element, optiona
まだfirst draftなので変わるかもしれないけれど、そういうのが入った。 7102. <img srcset> - first draft HTML - srcset attribute このまえWebKitに実装された-webkit-image-setと似たような感じ。提案したのがHoberなので似てるのも当然か。 srcsetの書き方 値にはURL＋デスクリプタのセットを書く。セットはimage candidate stringと呼ばれている。 デスクリプタは今のところ3つだけ定義されている。 w viewportの幅 h viewportの高 x デバイスピクセル比 仕様だと"maximum"と言ってるんだけど、アルゴリズムをみるとなんかおかしい。ココら辺は直ってくだろう。 wとhは-webkit-image-setにはなかったような。提案してもCSSWGは「メディアクエリーで
Freetile.jsはカラム幅も可変なPinterest風デザインを実現するライブラリです。 2012年前半の話題を一気にかっさらっていったPinterestはその奇抜なデザインもあり、色々な類似デザインを実現するライブラリを登場させるに至っています。Freetile.jsもその一つですが、高さだけでなく幅も自由に設定できるのが特徴になります。 サンプルです。かなり複雑なデザインでもこなします。 実例です。斬新なデザインがきちっと決まります。 フィルタリングしました。並び変わる時のアニメーションが格好いいです。 要素がない部分もできてしまうのは致し方ありません。 Freetile.jsを使うとかなり自由度の高いデザインが実現できます。とは言え表示はFreetile.jsに任せきりなので、思った通りのデザインになるとは限りません。なおフィルタリング機能があり、絞り込む時にはアニメーションが
はじめに jQuery mobile 使ってますか？ 同一ソースでPC用ブラウザからiPhone、Androidまで対応できる便利なフレームワークですが、開発中は基本的にGoogle Chromeを用いて動作確認や画面の確認を行なっています。 スマートフォンの通信・CPUが早くなったとはいえPCには敵いませんし、キーボードから手を離すのも億劫ですから、こうしてGoogle Chromeで確認している人は多いのではないでしょうか。 ＃ 個人的には普段はFirefoxを使っていますが、iPhone/Android向けWebサービスを作る場合には、同じWebkit系ブラウザ(Safari, Chrome, etc.)で動作確認した方が良いように感じます。 画面サイズの問題 さて、Google Chromeで確認する方法は大抵の場合うまくいくのですが、時々「これ、iPhoneの画面サイズで見たら
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. There is a real need for serving media that is appropriate for the device and circumstance, since we know so little about any particular web request. I recently posted a blog post with so many images on it the page weighed in at 2.29 MB. I should have posted a warning when I tweeted it: “Don’t clic
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く