Content-Length: 237499 | pFad | http://b.hatena.ne.jp/darumen/safari/
WebKit （Nightly Builds） で srcset 属性がサポートされたらしい
WebKit （Nightly Builds） で HTML の srcset 属性がサポートされたようですので、簡単に srcset 属性の仕様について解説してみます。 WebKit （Nightly Builds） で HTML の srcset 属性がサポートされたようです。 srcset 属性は、img 要素の属性として使用することで、高精細ディスプレイ （デバイスピクセル比に応じて） 向けや、ディスプレイサイズに応じて画像を出し分けるための属性。所謂、「Responsive images （レスポンシブ イメージ）」 を HTML のみで実現することができます。 Improved support for high-resolution displays with the srcset image attribute ： Surfin' Safari WebKit Nightly
Mobile Safariで最後の１文字が改行されてしまうバグ - くらげだらけ
スマートフォンブラウザ関係のバグは（Android browserを中心に）たくさんありますが、今回はかなりレアケースなバグの話と回避方法についてです。 タイトルどおり、iPhone/iPadのmobile safariやWebViewで日本語文字列の最後の１文字が不自然に改行されて表示されてしまうバグなのです。 どういうことかというと↓下のように表示されるということです。 くだくら げサンプルページも作りましたので、以下のページをiPhone, iPadで表示してみてください。 Sample: http://kudakurage.com/test/mobile_safari_line_break/ 発生条件 発生条件は少し複雑なため、そんなに遭遇することはありません。 （ただその分googleで検索しても、遭遇した例など出てきません） mobile safariで閲覧している PCブラウ
Debug in safari
11. ïè¾Ñ ÓßÎòé ß ßÉçáÇçß Ó Ctrl + 0 : ýÚø ýÚ”ßïè¾Ñ / Ctrl + 1 : ÕßÚ Ctrl + 2 :Ôß çÕ Ctrl + 3 :¾ Š¾Ü Ctrl + 4 : ›{ Ctrl + 5 : t Ctrl + 6 : Ìáïå Ctrl + 7 : ç ¾ýËß õ Ctrl + 8 : Ì (Chrome » cmd + 1~ )
search 型 input 要素 のスタイルをリセット - terkel.jp
HTML5 では、input 要素の type 属性に search という検索フィールドのための値が使えます。現時点ではこの search タイプをサポートしているのは Safari と Chrome のみなのですが、これらの対応ブラウザでは、入力したテキストをキャンセルするボタンが表示され、Mac ではフィールドが角丸になります。 しかし、Safari と Chrome でこの search タイプの input を CSS でスタイリングしようとしてもほとんどコントロールできず、ブラウザのデフォルトでレンダリングされてしまいます。font、padding、border、background といったごく基本的なプロパティがことごとく無効。これをなんとかリセットし、text タイプと同様にスタイリングできるようにもっていくのはけっこう面倒で、以下のようなコードが必要です: /* Res
Test page for -webkit-font-smoothing | Christoph Zillgens
Hint: This only works in OS X, Windows-user won’t see any difference! -webkit-font-smoothing: none; I feel sorry for the thousands of IE6-Users around the world seeing the web like this subpixel-antialiased; AMNZ This is the standard, seems like Safari 5 improved it, and there doesn’t seem to be a big difference to the right column. Look at the uppercase M to see that diagonal lines are displayed
GoogleがWebフォントサービスを開始 - フォントブログ
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
3flab inc.
フジテレビ / めざましテレビ 2013-2015 Logo Type, Corner Logo & Telop Design SUZUKI / Tokyo Motor Show 2011 Monitor Motion Graphics Design Cybozu / kintone 2012 Logo, Web Application UI Design 株式会社三階ラボ 3flab inc. 沿革 2008/4 株式会社スリーフローを設立 2012/4 株式会社三階ラボに社名変更 資本金 3,000,000円（2014/8現在） 取引銀行 東京三菱UFJ銀行 〒151-0073 東京都渋谷区笹塚2-2-3 エヴァーグリーン笹塚503 Evergreen Sasazuka #503, 2-2-3 Sasazuka, Shibuya-ku, Tokyo 151-0073, Japan
SafariとAjax文字化け - WEBプログラミング NOW!
サポートが自慢の格安サーバ 「Googleサジェスト--Safariで文字化け」という記事を書いたのは去年の三月でした。今は、この文字化けはGoogle側のプログラムにより修正されています。 しかし、本質的に、Safariが文字コードの認識能力に問題が起こることが多いのは事実です。特に問題になりやすいのは、メタタグを指定できず、またPHPやPerlなどによるHTTPヘッダーによる文字コード指定もできないファイルは文字化けしやすいです。具体的には、テキストファイルであり、Ajaxを使ってテキストファイルを読み込むときなどにこの問題が起こりやすいです。 たとえば、次のようなよくある「Ajax基本サンプル」を考えてみます。「IE7とAjax」でも取り上げたサンプルコードとほぼ同じです。sample.txt（UTF-8でエンコードされたファイル）を読み込みます。 <html> <head> <me
[JS]Firefox 2/3, Safariも判別する1行のスクリプト | コリス
昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。
速度で選ぶ次世代ブラウザー IE 8だけじゃない (1/4)
sponsored ポータブルゲーミングスピーカー「TQ-PG300」 パイオニアの小型ゲーミングスピーカー、想像を超える没入感でめちゃくちゃ驚きなんですけど！ PCパーツ 12月14日（土）12時から、秋葉原の「LIFORK AKIHABARA II」で開催 ASCII主催「TOKYO Gaming-PC STREET 2」公式ガイド sponsored 今回も医療機器認証取得で、かつ前モデルよりも薄く軽いサイズを実現！ スマートウォッチのようでこれは血圧計でもある!? 「HUAWEI WATCH D2 ウェアラブル血圧計」レビュー sponsored 1本のサウンドバーで360立体音響が実現！ 自宅で映画を見るならソニー「HT-A9000」が最高の選択だ sponsored 「QuTS hero」はランサムウェア対策、安価なSSD／大容量HDDの導入など、中小企業オフィスでも役立つ N
Apple 謹製の JavaScript デバッガ「Drosera」が便利な件 - IT戦記
Drosera とは 1000speakers 後のハッカソンで 山岸くん が「Drosera っていうアプリがある！」って発見して、教えてもらいました。 Drosera は WebKit 用の JavaScript デバッガで、 Windows XP でも Mac でも動くみたいです。 WebKit Build Archives | WebKit からダウンロードした WebKit のアーカイブの中に同封されています。 で、実際に使ってみた感じ できること ステップ実行 コールスタックを見る レキシカルな変数をウォッチする などなどです。 まとめ Web インスペクタと併用すれば効果抜群ですね！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/darumen/safari/
Alternative Proxies:
Av-jyo.com
https://labs.cybozu.co.jp/blog/kazuho/archives/2006/11/js_string_literal2.php
MacやWindowsで複数バージョンのブラウザを共存させる方法いろいろ - DesignWalker