今回はCSS3のみを使い、雪が降る背景の作成の仕方をご紹介します。 参考にさせて頂いたのはコチラの海外サイトです。 今回の記事はCSS3のアニメーション等をフルに活用するのでIE9以下は動作しませんのであしからず・・・。 完成サンプルはコチラ!! まずは降らせる雪の透過ピングを作成、または下記のサンプルからダウンロードされて下さい。
webサイトを作るにあたり、HTMLをどう記述するのがBESTなのか?CSSはどう記述するのがBESTなのか?悩むことが多々あるのではないかと思います。今回はGoogleが推奨しているHTML/CSSコーディングルールを抜粋してご紹介していこうと思います。既に数多のwebサイトで紹介されてしまっていますので個人的に「そうだったの!?」と思った項目に焦点を合わせようと思います。 ちなみに、 Googleガイドライン こちらが本家です。 プロトコル http/httpsのそれぞれのファイルを両方のプロトコル上で利用できない場合を除き、画像やその他のメディアファイル、スタイルシート、およびスクリプトを指しているURLからプロトコルを省略する事が推奨されています。 <!-- 非推奨 --> <script src="http://www.google.com/js/gweb/analytics/a
今回は手軽にCSSアニメーションを作成することが出来るCSSライブラリ「Animate.css」をご紹介いたします。 「Animate.css」をダウンロード 配布元からコードをダウンロードされて下さい。ダウンロードしたZIPを解凍すると沢山ファイルがあると思いますが、使用するのは「animate.css」「animate.min.css」のどちらかになります。今回の記事では「animate.css」を使用します。 「Animate.css」使用準備 ヘッド内に「animate.css」を読み込んでいただくと使用準備は完了です。 <link rel="stylesheet" type="text/css" href="ファイルパス/animate.css"> 「Animate.css」の使用方法 アニメーションを追加したい要素に追加したいアニメーションのclass名と「animated」と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く