jQuery+CSS3でスクロールするとアニメーションして狭くなる固定ナビゲーション
Posted: 2015.10.28 / Category: javascript / Tag: jQuery
ファーストビューでは大きめのナビゲーションで、スクロールするとアニメーションしてナビゲーションの幅が狭くなって固定されるという動きのやつです。
Posted: 2015.10.28 / Category: javascript / Tag: jQuery
ファーストビューでは大きめのナビゲーションで、スクロールするとアニメーションしてナビゲーションの幅が狭くなって固定されるという動きのやつです。
Posted: 2015.10.19 / Category: javascript / Tag: jQuery
指定した数値までカウントアニメーションしてくれるjQueryプラグイン「jquery-countTo」のご紹介をいたします。
Posted: 2015.10.14 / Category: HTML&CSS / Tag: SVG
セクションの区切りを斜め線とかにしてしてみると、ちょっと他と違う感がでるかもしれない!
斜め線はCSSで回転させたりする方法もありますが、ここではSVGを使用した方法をご紹介いたします。
Posted: 2015.09.29 / Category: javascript / Tag: SVG
一昔前だと単純な斜め線とか円をバックに置きたいときは画像で作ってましたが、最近ではわりとSVGを使うことが多いようです。
SVGの良いところはベクターなので画面全体に配置しても荒くなったりしないとか、コードで作成できるので後々アニメーションなどもできたりします。
ここでは単純な図形ですが画面全体に表示する方法をご紹介します。
Posted: 2015.09.17 / Category: iOS / Tag: Swift
普段JSとか軽量な言語しか扱わないのでSwiftの配列+辞書がすごく難しく感じています。
ということでそのあたりのことをメモしました。
Posted: 2015.09.09 / Category: HTML&CSS / Tag: CSS3, アニメーション
最近サムネイルなどでマウスオーバーすると画像がぐいんって拡大表示するアニメーションをよく見ます。
あれはbackground-sizeとかアニメーションさせれば簡単にできそうですが、coverとかですでにsize指定してるときの方法をご紹介します。