タグ：JavaScriptが付いている記事一覧

Last-Modified: 2020/09/22

【JSプラグイン】Magnific Popupを使って画像を拡大してみよう【実装方法を解説】

Warning: Use of undefined constant _aioseop_description - assumed '_aioseop_description' (this will throw an Error in a future version of PHP) in /home/kyohey/kyoheyblog.com/public_html/wp-content/themes/minimal_blue/tag.php on line 38
Web制作をしていてクリックしたら画像が拡大されるモーダルのような物を実装したいと思っていたのですが、手軽に実装できるMagnific Popupというプラグインを見つけたので、本記事で紹介したいと思います。

Last-Modified: 2020/01/28

ブログにコードを載せる方法３選

便利ツール

Warning: Use of undefined constant _aioseop_description - assumed '_aioseop_description' (this will throw an Error in a future version of PHP) in /home/kyohey/kyoheyblog.com/public_html/wp-content/themes/minimal_blue/tag.php on line 38
プログラミング学習をしながら、当ブログで発信をしているのですが、書いたコードを載せたいと思うことが少なくありません。テキストで記載してもいいのですが、見た目がよくない上に分かり辛いので、何かいい方法はないかと探していたところ、便利なツールを発見しました。今回の記事ではブログにコードを載せる方法をご紹介します。

Last-Modified: 2020/09/22

【wow.jsの使い方】JavaScriptでアニメーションをつけよう【jQueryプラグイン】

CODE JavaScript

Warning: Use of undefined constant _aioseop_description - assumed '_aioseop_description' (this will throw an Error in a future version of PHP) in /home/kyohey/kyoheyblog.com/public_html/wp-content/themes/minimal_blue/tag.php on line 38
Webサイト制作において全く動きのないサイトはUX的に良くありませんよね。しかし、凝った動きを実装しようと思っても初心者には難しかったりします。そこでjQueryのプラグインであるWOWを使って簡単に動きをつけることができるので、この記事で紹介しておきます。

Last-Modified: 2020/09/22

【drawer.jsの使い方】レスポンシブメニューの実装方法を解説

JavaScript

Warning: Use of undefined constant _aioseop_description - assumed '_aioseop_description' (this will throw an Error in a future version of PHP) in /home/kyohey/kyoheyblog.com/public_html/wp-content/themes/minimal_blue/tag.php on line 38
Webサイトを構築する上で必須のメニュー部分ですが、簡単にレスポンシブ対応する方法がないか調べてみたところ、drower.jsというjQueryのプラグインがあったので、実装してみました。公式のサイトを見ると詳しい使い方が載っていますが、今回の記事で簡単にまとめておきます。

Last-Modified: 2020/09/22

【初心者のJavaScript】smooth-scroll.jsの使い方を解説

CODE JavaScript

Warning: Use of undefined constant _aioseop_description - assumed '_aioseop_description' (this will throw an Error in a future version of PHP) in /home/kyohey/kyoheyblog.com/public_html/wp-content/themes/minimal_blue/tag.php on line 38
LP制作などWebサイトを構築する上で、メニューなどのリンクをクリックすると特定の場所に誘導することは多いです。その際にイッキに移動するのではなく、スムーズにスクロールさせた方がUX的に良いと思います。 smooth-scroll.jsを使えば簡単に実装できますので、記事にしておきます。