TechMemo

  • HOME
  • HTML
  • CSS
  • JavaScript
  • SEO
  • WordPress
  • EC-CUBE
  • WEBサービス
  • WEBチートシート
  • About
  • お問い合わせ

JavaScript

固定ヘッダーを実装している際にアンカーリンクの移動位置がずれるのを解消する方法

2017/11/01
CSS
No Comments
固定ヘッダーを実装している際にアンカーリンクの移動位置がずれるのを解消する方法

ヘッダー部分を「position:fixed;」で固定してスクロールに追尾させていると、アンカーリンク(ページ内リンク)への移動時に、固定したヘッダー部分の高さ分、移動先の位置がずれてしまいます。 正確には、位置がずれる…

Continue reading

CSS, jQuery

jQueryでブラウザの横幅やデバイスの種類で条件分岐させる方法

2017/10/27
JavaScript
No Comments
jQueryでブラウザの横幅やデバイスの種類で条件分岐させる方法

jQueryで、ブラウザの横幅やデバイスの種類で条件を指定する方法をご紹介いたします。 スマホのみに適用したい処理がある場合などに活用できますので、結構利用シーンは多いかと思います。 jQueryでブラウザの横幅やデバイ…

Continue reading

JavaScript, jQuery

jQueryで開いているページのナビゲーションにクラスを追加してカレント表示させる方法

2017/09/29
JavaScript
No Comments
jQueryで開いているページのナビゲーションにクラスを追加してカレント表示させる方法

グローバルナビゲーションで開いているページを示す、いわゆるカレント表示をするために、jQueryを使ってクラスを追加する方法をご紹介いたします。 WordPressの場合は、開いているページのナビゲーションには、.cur…

Continue reading

jQuery

簡単にサムネイル付きのスライダーを設置できるjQueryプラグイン「Fotorama」

2017/09/28
JavaScript
No Comments
簡単にサムネイル付きのスライダーを設置できるjQueryプラグイン「Fotorama」

Fotoramaは、シンプルで導入が容易なスライダープラグインです。サムネイル付きのスライダーが簡単に設置できます。もちろんサムネイルなしも可能です。 挙動については、以下デモページをご確認いただければと思います。 デモ…

Continue reading

JavaScript, jQuery

WordPressの投稿一覧に無限スクロールを実装する方法

2017/09/13
Wordpressテーマカスタマイズ
No Comments
WordPressの投稿一覧に無限スクロールを実装する方法

WordPressの投稿一覧ページに、jQueryプラグイン「Infinite Scroll」を使って無限スクロールを実装する方法をご紹介いたします。 無限スクロールというのは、スクロールしていくと次々に要素が読み込まれ…

Continue reading

WordPress, jQuery

JavaScriptを使ってテキストを一文字ずつ表示させる方法

2017/09/11
JavaScript
No Comments
JavaScriptを使ってテキストを一文字ずつ表示させる方法

JavaScriptを使って、指定したテキストを一文字ずつ表示していく方法をご紹介いたします。 動きについては、以下デモページをご参照ください。 デモページを見る JavaScriptを使ってテキストを一文字ずつ表示させ…

Continue reading

JavaScript

横からスライドして表示されるメニューを実装できるjQueryプラグイン「Drawer」

2017/09/04
JavaScript
No Comments
横からスライドして表示されるメニューを実装できるjQueryプラグイン「Drawer」

Drawerは、横からスライドして表示されるメニューを実装することができるjQueryプラグインです。 デモは以下ページでご確認いただけます。 デモページを見る Drawerの使い方 ステップ1. 必要なファイルの読み込…

Continue reading

JavaScript, jQuery

背景画像に水の波紋が広がるような動きを加えることができるjQueryプラグイン「jQuery Ripples」

2017/08/29
JavaScript
No Comments
背景画像に水の波紋が広がるような動きを加えることができるjQueryプラグイン「jQuery Ripples」

jQuery Ripplesは、背景画像に水の波紋が広がるような動きを加えることができるjQueryプラグインです。 挙動については、以下デモページにてご確認ください。画像にマウスを乗せたり、クリックすると波紋が広がりま…

Continue reading

JavaScript, jQuery

フォームでカレンダーから日付入力できるようになる「jQuery UI Datepicker」の導入手順

2017/08/28
JavaScript
No Comments
フォームでカレンダーから日付入力できるようになる「jQuery UI Datepicker」の導入手順

jQuery UI Datepickerは、フォームでの日付入力時にカレンダーから選択できるようにする、jQuery UIの中にある機能の1つです。jQuery UIには、ユーザーインターフェースに関する機能がまとめられ…

Continue reading

フォーム, JavaScript, jQuery

アニメーションするSVGアイコンが使えるようになるJavaScriptライブラリ「Titanic」

2017/08/08
JavaScript
No Comments
アニメーションするSVGアイコンが使えるようになるJavaScriptライブラリ「Titanic」

Titanicは、スクリプトを読み込んで要素にクラスを追加するだけで、アニメーションするSVGアイコンが使えるようになるライブラリです。 挙動については、以下デモページで確認できます。(Previewのところです) デモ…

Continue reading

JavaScript
  • « Previous
  • Next »

最近の投稿

  • WordPress開発環境をDockerで構築してメールの送信内容も確認できるようにする方法
    WordPress開発環境をDockerで構築してメールの送信内容も確認できるようにする方法
  • クレジットカードの明細にある「4259522985 BELLEVUE」はどこからの請求?
    クレジットカードの明細にある「4259522985 BELLEVUE」はどこからの請求?
  • Pocketがサービス終了を発表!代替サービスのInstapaperへデータを移行する手順
    Pocketがサービス終了を発表!代替サービスのInstapaperへデータを移行する手順
  • ショートコードが設置されている記事を検索できるWordPressプラグイン「Shortcodes Finder」
    ショートコードが設置されている記事を検索できるWordPressプラグイン「Shortcodes Finder」
  • Logicoolのマウスを動かし始めた時だけ動きが遅くなる現象の対処法
    Logicoolのマウスを動かし始めた時だけ動きが遅くなる現象の対処法

カテゴリー

  • HTML (33)
  • CSS (157)
  • JavaScript (153)
  • Wordpress (1,044)
    • テーマカスタマイズ (323)
    • Wordpressプラグイン (659)
    • Wordpressインストール (75)
  • EC-CUBE (54)
  • Drupal (17)
    • Drupalインストール (8)
    • Drupalモジュール (8)
  • Webサービス (512)
  • SEO (57)
  • Webチートシート (133)
  • ソフトウェア (106)
  • ハードウェア (14)
  • その他 (12)

タグ

Adobe CSS Drupal EC-CUBE Google HTML JavaScript jQuery li Linux Mac ol PHP rss SEO SNS ul Web Webサービス Windows WordPress インストール カメラ ギャラリー ゲーム コメント セキュリティ セレクタ ソフト テーマ フォーム ブラウザ プラグイン プログラミング モジュール 動画 基礎 画像

本日の人気記事

  • YouTubeにアップロードした動画が「一部の地域でブロック」となってしまった場合の対処法
  • コントローラーのスティックやボタンの不調をチェックできるWebサービス「Gamepad Tester」
  • input[type=”date”]のカレンダーアイコンを変更する方法
  • Windows11でBluetoothキーボードをペアリングする際にPIN(パスコード)が表示されない時の対処法
  • Pocketがサービス終了を発表!代替サービスのInstapaperへデータを移行する手順

アーカイブ

Copyright © 2012 TechMemo