今年もCSSの進化がすごいです! 次のプロジェクトに使ってみたくなるようなワクワクする素晴らしいアイデア満載のスタイルシートのテクニックを紹介します。 CSSアニメーションはより洗練され、単に要素を動かして楽しむだけでなく、意味のある動きとしてより効果的に利用されるものが目立ちました。 まずは、アニメーションの表現もここまでできるのかと驚いた「Marvel Logo animation」から。 ※一部は、実際に動作するデモのコードを埋め込んでいます(全部をコードにしたらページが重すぎました)。
![CSSの素晴らしいアイデアが満載!2015年スタイルシートのテクニックのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/97a91c64f542c2a87a676dd297ae719b217a54b8/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201504%2F2015120905-03.gif)
MacBook ProにRetinaモデルの登場で、少なくともAppleに関しては徐々にRetinaモデルが増えていくだろうということで、このブログをRetina対応しました。 ここ1週間ほど、WPのメディア関連のコードを追ってみたり、どのように対応するのがいいのかいろいろ探っていましたので、このブログでどのように対応したのかを紹介します。 WP Retina 2xや、他のプラグインもありますので、条件が合う方はこれらの導入が簡単だと思います。 しかし、今回はプラグインを利用せず(WP Retina 2xが動作しなかった)、自分で実装しました。 Retina画像を表示する 表示に関しては、Retina Imagesを利用しました。 ただし、サイトの実装方法通りでは問題があったので、いくつか実装方法を変更しています。 retinaimages.phpの変更 まずは、必要なscriptの記述を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く