MarvericksからYosemiteになりました。Safariもバージョン8になりました。 しかし、CSS transformを指定した時にちらつく問題が新しく出てきているので解消法を書いてみます。
スマートフォンブラウザ関係のバグは(Android browserを中心に)たくさんありますが、今回はかなりレアケースなバグの話と回避方法についてです。 タイトルどおり、iPhone/iPadのmobile safariやWebViewで日本語文字列の最後の1文字が不自然に改行されて表示されてしまうバグなのです。 どういうことかというと↓下のように表示されるということです。 くだくら げサンプルページも作りましたので、以下のページをiPhone, iPadで表示してみてください。 Sample: http://kudakurage.com/test/mobile_safari_line_break/ 発生条件 発生条件は少し複雑なため、そんなに遭遇することはありません。 (ただその分googleで検索しても、遭遇した例など出てきません) mobile safariで閲覧している PCブラウ
あんなこといいな、できたらいいな……と思っていたワイヤレスでのタイムマシーンのバックアップ。はい、タイムカプセルの出荷が始まっています。1TBか500GBかで悩んでいるのですが、やはり1TBでしょうかね。でも、ちょっと予算オーバー。ふしぎなポッケがあればいいのですけど。 さて、今回は「WebKit」について。2月に取りあげたばかりだが、Acid3テストをクリアするなど、その後の状況は変化している。Windows版も正式にリリースされるなど、近頃勢いが増しているSafariを"先取り"できるこのアプリケーションを、いろいろな角度から見てみよう。 祝・Acid3テストクリア まずはWebKitの最新情報から。最新版が日々アップロードされるナイトリービルドからバイナリパッケージを入手したうえで読み進めていただくと、臨場感が増すこと受け合いだ。 Operaにタッチの差で先を越されたものの、めでたく
透明度を設定する スタイルシートで透明度を指定することができれば、半透明にした文字を画像に重ねるといったデザインも簡単に作れるようになる。CSS 3では、アルファチャンネルまたはopacityプロパティで透明度を指定する方法が提案されており、Firefox 3とSafari 3は両方の指定方法に対応している。 今回は、色に関する定義をまとめたCSS 3の勧告候補、CSS3 Color Moduleを参考にしながら、アルファチャンネルを使った透明度の設定について見ていきたい。 RGBAによるアルファチャンネルの指定 CSS3では、RGBによる色指定にアルファチャンネルを加えて、RGBAによる色指定ができるようになっている。RGBAでは次のように、R(赤)、G(緑)、B(青)、A(アルファチャンネル)の値を「,(カンマ)」で区切って記述する。ただし、RGBの値は16進数で指定することが認められ
以前、[CSS][コピペ]clearfixでコピペ用に最新版のclearfixを紹介していましたが、今回Safariで問題があることが発覚したので、修正版をPostしておきます。 CSS .hoge:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; } .hoge { display: inline-table; min-height: 1%; } /* for macIE \*/ * html .hoge { height: 1%; } .hoge { display: block; } /* end of for macIE */ どこが変わったかというと、モダンブラウザ用に書かれている、.hoge:afterの部分に line-height
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く