カテゴリー: WEB

クリップボードにテキストをコピーするjavascriptをスマホサイトに実装しよう【jQuery無し】

WEBサイト上で任意の文字列をクリップボードにコピーするボタンを設置するJavascriptです。 仮想通貨のAirDropのサイトなどによく見られますね! クリップボードにコピーするボタンが必要な理由 ズバリ、スマホだとテキスト選択がめんどくさいからです。 […]

2018.3.28
JavaScript/jQuery

Animate.cssでクリックやスクロール時にアニメーションするJS応用テクニック!【デモあり】

CSS3「animation」プロパティは、HTML要素に「動き」をつけてWEBサイトをデザインするテクニックのひとつです。 マウスをかざせば「ふわっと」拡大する画像や、ハンバーガーボタンをタップするとコンテンツメニューが「ぬるっと」横からスライドしてくるなど […]

2017.10.17
HTML/CSS

WordPressサイトのGoogle Speed Update対策まとめ【サイト高速化】

サイト高速化はSEOの重要な対策のひとつ。 サイトを速く表示させることで、訪問してくれたユーザーが気持ちよく記事を読んでもらえます。 WEBデザイナー及びコーダーには、高速化をとても求められています。 モバイルファーストという概念から、スマホブラウザでの閲覧を […]

2017.9.25
SEO

スクロールしていくと背景画像が切り替わる効果の実装方法【レスポンシブ対応】

スクロールをしていくと、任意のセクションが表示されるたびに背景画像を切り替える効果をjQueryとCSSで実装しました。 配布されているjQueryプラグインなどは未使用。 そのセクションに合った背景画像をフェードイン・アウトで表示させたかったので備忘録として […]

2017.9.19
JavaScript/jQuery