js 【js】桜吹雪をcanvasで実装
先日とある案件で桜吹雪を実装してほしいとデザイナーから相談を受けました。極力リアルなもの常に流れ続けてほしいという要望があり、パッと思いついたのはやはり有名なparticles.jsです。今回実現したい表現にはピッタリなライブラリですが、実...
js
js 
css 【js】メイソンリーレイアウトの簡単な実装
Masonry Layout（メイソンリーレイアウト）とは、Web制作上の文脈ではPinterestに代表されるタイル上のグリッドレイアウトのことです。あるアーティストのサイトで、作品をメイソンリーレイアウトで表示したいという依頼がありまし...
js 【js】リロードしたらページトップに戻る実装
案件で表示の都合上リロードした時にページのトップに戻ってほしいということがありました。多くのブラウザがスクロールした位置を覚えて、リロード時にその位置のまま表示してくれる便利な機能がありますが、今回はそれを無効化したかったです。CodePe...
css 【css/js】スライドダウンでサブメニューをjQueryなしで表示と非表示を操作する実装
スマホでハンバーガーメニューを実装する際初期状態でサブメニューは非表示開閉ボタンでサブメニューを表示と非表示を切り替え開閉どちらもスムーズなアニメーションを付与という要件の案件がありました。jQueryは使いたくなく、cssとjsだけでどう...
js 【js】Cookieを利用してポップアップの表示と非表示を操作する実装
ある特定のページにリンクする要素を、トップページの目立つ箇所にポップアップで表示させるという依頼がありました。クローズボタンをユーザーがクリックして非表示にした時、リロードのたびに表示されてしまうのではユーザー体験的によくありません。そこで...