TechMemo

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

JavaScript

アニメーションGIFをマウスホバーやクリックで再生・停止できるようになるJavaScriptライブラリ「Freezeframe.js」

2019/07/09
JavaScript
1 Comment
アニメーションGIFをマウスホバーやクリックで再生・停止できるようになるJavaScriptライブラリ「Freezeframe.js」

Freezeframe.jsは、マウスホバーやクリックによってアニメーションGIFの再生・停止を制御できるようにするJavaScriptライブラリです。 以下のデモページで挙動を確認できます。 デモページを見る Free…

Continue reading

JavaScript

YouTube動画や画像をポップアップ表示できるjQueryプラグイン「Lity」

2019/07/03
JavaScript
No Comments
YouTube動画や画像をポップアップ表示できるjQueryプラグイン「Lity」

Lityは、YouTube動画や画像などをポップアップで表示できるjQueryプラグインです。動画や画像のリンクをクリックすることで、いわゆるモーダルウインドウとして表示させることができます。 配布サイトでデモが用意され…

Continue reading

JavaScript, jQuery, 動画

IE11でもpicture要素を使えるようにするポリフィル「Picturefill.js」

2019/07/01
JavaScript
No Comments
IE11でもpicture要素を使えるようにするポリフィル「Picturefill.js」

Picturefill.jsは、picture要素に対応していないブラウザでもpicture要素による画像の切り替えができるようになるポリフィルです。 picture要素を使うことで、ブラウザの幅によって画像を出し分ける…

Continue reading

JavaScript, 画像, HTML

jQueryで::beforeや::after等の擬似要素のプロパティを操作する方法

2019/06/13
JavaScript
2 Comments
jQueryで::beforeや::after等の擬似要素のプロパティを操作する方法

jQueryでは「$(‘.example::before’).css(‘color’,’#ccc’);」のように指定しても、疑似要素はDOMではない…

Continue reading

CSS, JavaScript, jQuery

mailtoリンクをクリックした時の挙動をわかりやすくするスクリプト「MailtoUI」

2019/06/11
JavaScript
No Comments
mailtoリンクをクリックした時の挙動をわかりやすくするスクリプト「MailtoUI」

MailtoUIは、mailtoリンクをクリックした時の挙動をわかりやすくするためのスクリプトです。 MailtoUIを導入することで、mailtoリンクをクリックした時にすぐメーラーが開かず、メールアプリを起動するか、…

Continue reading

JavaScript

単体で動作するシンプルなlightbox系スクリプト「Shadowbox.js」

2019/05/30
JavaScript
No Comments
単体で動作するシンプルなlightbox系スクリプト「Shadowbox.js」

Shadowbox.jsは、単体で動作するlightbox系のスクリプトです。画像をふわっと拡大表示させることができます。 挙動については、以下ページよりご確認いただけます。 デモページを見る Shadowbox.jsの…

Continue reading

JavaScript, 画像

クリックするとふわっと拡大!jQuery不要のLightbox系スクリプト「Luminous」の使い方

2019/04/24
JavaScript
No Comments
クリックするとふわっと拡大!jQuery不要のLightbox系スクリプト「Luminous」の使い方

Luminousは、画像をクリックするとふわっと拡大してくれるLightbox系のJavaScriptスクリプトです。jQueryに依存せず単体で動作します。 Luminousの使い方 Luminousの使い方は、WEM…

Continue reading

JavaScript, 画像

クリック/タップする度にJavaScriptでクラスを追加・削除させる方法

2019/03/25
JavaScript
No Comments
クリック/タップする度にJavaScriptでクラスを追加・削除させる方法

素のJavaScriptを使って、クリック/タップする度にクラスを追加・削除させる方法をご紹介いたします。 要素にクラスを追加・削除することで、表示・非表示を切り替えたり見た目を変えたりと、色んな制御を行うことができるよ…

Continue reading

JavaScript

背景画像も遅延読み込み可能なLazyload系ライブラリ「lazysizes」

2019/03/20
JavaScript
No Comments
背景画像も遅延読み込み可能なLazyload系ライブラリ「lazysizes」

lazysizesは、画像を遅延読み込みすることができるLazyload系のJavaScriptライブラリです。通常の画像だけでなく背景画像も遅延読み込み可能です。また、jQuery非依存で単体で動作します。 挙動につい…

Continue reading

JavaScript, 画像

画像を遅延読み込みできるJavaScriptライブラリ「echo.js」の使い方

2019/03/18
JavaScript
No Comments
画像を遅延読み込みできるJavaScriptライブラリ「echo.js」の使い方

echo.jsは、画像を遅延読み込みさせて、表示速度の向上に貢献するJavaScriptライブラリです。 echo.jsは単体で動作するため、jQueryなどに依存しません。Lazy Load系のライブラリはjQuery…

Continue reading

JavaScript
  • « Previous
  • Next »

最近の投稿

  • クレジットカードの明細にある「4259522985 BELLEVUE」はどこからの請求?
    クレジットカードの明細にある「4259522985 BELLEVUE」はどこからの請求?
  • Pocketがサービス終了を発表!代替サービスのInstapaperへデータを移行する手順
    Pocketがサービス終了を発表!代替サービスのInstapaperへデータを移行する手順
  • ショートコードが設置されている記事を検索できるWordPressプラグイン「Shortcodes Finder」
    ショートコードが設置されている記事を検索できるWordPressプラグイン「Shortcodes Finder」
  • Logicoolのマウスを動かし始めた時だけ動きが遅くなる現象の対処法
    Logicoolのマウスを動かし始めた時だけ動きが遅くなる現象の対処法
  • ロジクール G HUBの通知をオフに設定する方法
    ロジクール G HUBの通知をオフに設定する方法

カテゴリー

  • HTML (33)
  • CSS (157)
  • JavaScript (153)
  • Wordpress (1,043)
    • テーマカスタマイズ (323)
    • Wordpressプラグイン (659)
    • Wordpressインストール (74)
  • 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 インストール カメラ ギャラリー ゲーム コメント セキュリティ セレクタ ソフト テーマ フォーム ブラウザ プラグイン プログラミング モジュール 動画 基礎 画像

本日の人気記事

  • 日本地図の都道府県毎に色を塗って画像をダウンロードすることができる「白地図ぬりぬり」
  • コントローラーのスティックやボタンの不調をチェックできるWebサービス「Gamepad Tester」
  • サーバーのApacheが起動しているかどうか確認する方法 サーバーのApacheが起動しているかどうか確認する方法
  • Pocketがサービス終了を発表!代替サービスのInstapaperへデータを移行する手順
  • Windows11でBluetoothキーボードをペアリングする際にPIN(パスコード)が表示されない時の対処法

アーカイブ

Copyright © 2012 TechMemo