SpinKit
.spinner { width: 40px; height: 40px; background-color: #333; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg
text.ssig33.com - iOS5 で CSS3 の縦書きがサポートされましたが Ruby について注意が必要です。
iOS5 で CSS3 の縦書きがサポートされましたが Ruby について注意が必要です。 HTML5 界隈の話題を追っている先進的な皆様におかれましては、 iOS5 で -webkit-writing-mode :vertical-rl ; がサポートされたことについては周知であると思います。 CSS をちょっと書くだけで縦書きが出来て大変に便利です。ですが現状のところ、縦書きにした所で Ruby を使うと以下のようになり残念です。 このキャプチャ自体は Mac OS X Lion の Safari で撮りましたが iPad などでも同じようになります。 しかしこの問題を解決する方法があります。この問題はスタティックな HTML をレンダリングした時にのみ発生します。 DOM を動的に作成した場合何故かこのバグは発動せず以下のように正しくレンダリングされます。 つまり iOS 向けに縦書
クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント
IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Designing the Hi-DPI Web
スマートフォンブラウザ不具合特集
Web Fonts with Web Design
