JavaScript

jQueryをはじめる前の基礎知識・使い方

jQueryはJavaScriptを簡単に扱うためのライブラリです。オンライン上にソースがあるなど使い勝手がよく、初心者でもJavaScriptを用いた処理が実装できることで広く利用されています。

JavaScript

スマホのメニューボタン「アコーディオンメニュー」の作り方。

スマホのメニューでよく使われているアコーディオンメニュー(ハンバーガーメニューリスト)を作りました。「MENU」をクリックするとリストが広がります。jQueryを使うと簡単に実装できます。

JavaScript

スクロールすると「ページトップへ戻る」のボタンを表示させる方法

スクロールすると右下に「ページトップへ戻る」ボタンを表示できるようにしました。ボタンをクリックするとページの先頭まで滑らかに遷移します。このノウハウを追従バナーなどにも応用できます。

JavaScript

JavaScriptで実現できるホームページの動き

JavaScriptを使うとホームページに動きを加えることができます。JavaScriptは敷居が高くて敬遠されがちだけど、jQueryをうまく使えば比較的簡単に実装できます。CSSの装飾だけでは物足りないときに少しスパイスとして加えるといい。あくまでも少しだけ。

JavaScript

タッチすると電話をかけられる(電話番号にリンクする)ボタンの作り方

スマートフォンでホームページを見ている人が、サイトに掲載されている電話番号をタッチしたときに電話アプリが自動的に開いて通話できる状態にするリンク/ボタンを設置する機会があったのでメモします。

JavaScript

【jQuery】スライドショーを実装するプラグイン「FlexSlider 2」

スライドショー関連するjQueryのプラグインはたくさんありますが、『FlexSlider 2』を利用しています。画像をリスト形式に並べるだけで、あっという間にスライドショーにしてくれる優れもの。豊富なエフェクトとレスポンシブなスライドを実装してくれます。

Back to Top