html

WEBデザイン制作

【コピペで即使える】ボタンのCSSループアニメーション4選

今回はLPやWEBサイト制作で使えるボタンのCSSループアニメーションを4つ紹介します。 派手すぎず汎用性の高いアニメーションに絞りましたのでぜひお使いください。
WEBデザイン制作

【フリー素材】LPで即使えるボタンデザイン20パターン

今回はLP(ランディングページ)で使えそうなボタンを無料配布します。商用利用可です。コンバージョン率改善などに役立てれば幸いです。ご自身のフォント環境に合わせてお使いください。
WEBデザイン制作

【コピペでOK】javascriptでいい感じのロード画面を実装したい!

WEBサイトを開くとたまにページを読み込む前にロード画面が出てきますよね。 読み込む間にそういったアニメーションを入れることでユーザーの待ち時間のストレスを軽減することができます。 今回は擬似的にローディングアニメーションをページ読み込み前に表示させるコードを紹介します。
WEBデザイン制作

【コピペでOK】jQueryで簡単に実装できるスムーススクロール!

ボタンや画像を押すと素早く目的の場所にスクロールしてくれる「スムーススクロール」。 今回はjQueryを使ったなめらかな動きのスムーススクロールのコードを紹介します。
WEBデザイン制作

【レスポンシブ対応】コピペでOK!WEBサイトにyoutube動画を埋め込む方法

youtube動画をWEBサイトへレスポンシブ対応で埋め込む方法を紹介します。
WEBデザイン制作

【レスポンシブ対応】コピペでOK!videoタグでWEBサイトに動画を埋め込む方法

<video>タグでmp4などの動画を埋め込む方法を紹介します。