今年も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)
Googleマップをサイトに埋め込む場合、デフォルトではマップの上でスクロール動作をすると、地図の拡大縮小が行われます。 時と場合によっては便利なこともありますが、ただの地図として表示したい場合や、画面フル幅で表示している場合はスクロールがそこで止まってしまって邪魔になります。 iframeで無効にする方法 iframeの記述の中にstyle="pointer-events:none;"を追加します。実際には以下のようになるかと思います。 <iframe src="https://www.google.com/maps/embed?xxxxxx" width="100%" height="300" frameborder="0" style="border:0;pointer-events:none;"></iframe>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く