javascript・jQuenry

カスタムなGoogle Mapを手軽に作成出来るサービス・「EZ Map」

2016/08/12(Fri) 10:17

EZ MapはカスタムされたGoogle Mapを手軽に作成出来るWebサービスです。APIと少しのjQueryコードでGoogle Mapの地図の色を変更するの記事で書いたような色の変更や任意のマーカー設置、各Google Mapの機能のOn/Offがプレビューを見ながら手軽にできるというもの。

http://kachibito.net/useful-resource/ez-map

脱jQueryしたい時に参考になるドキュメントやエントリーまとめ

2016/07/22(Fri) 10:16

jQueryはデザイナーなど普段はあまりコードを書かない人でも実装ができる手軽さ、各種ブラウザの互換性、様々なスニペット・プラグインが公開されているなどの理由で多くの方が利用していると思いますし、中には「JavaScriptを使う ＝ jQueryを使う」という人も少なくないと思います。

http://www.nxworld.net/tips/javascript-without-jquery-of-reference-documents-and-entry.html

[JS]矩形やラインが移動するナビゲーションのホバーエフェクトを簡単に実装できるスクリプト -HoverSlippery

2016/07/22(Fri) 10:13

リスト要素で実装したナビゲーションに矩形が移動するラーバランプエフェクト、シンプルなラインが移動するホバーエフェクトを簡単に実装できるスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/js-hoverslippery.html

[JS]これを使うだけでWebサイトのインタラクションやレイアウトがかなりよくなる、便利でちょっとずるいスクリプトのまとめ

2016/07/19(Tue) 10:40

縦長ページのスクロール エフェクトで再スクロールや上にスクロールする時にも適用したい、高さ指定のない画像を読み込む時にスクロールバーががっくんがっくんするのを避けたい、美しいレイアウトを簡単に実装したい、そんな便利でちょっとずるいスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/javascript-best-2016-july.html

チェックボックスで制限された数以上のチェックをされた際にアラートを表示させる

2016/07/07(Thu) 10:15

チェックボックスの数を制限する時に。

http://kachibito.net/snippets/how-to-limit-the-number-of-selected-checkboxes

[JS]非常に高速でシームレスなページ遷移を実現する超軽量のスクリプト -Barba.js

2016/07/01(Fri) 07:23

Webサイトを見ていてページを遷移する時に、読み込みがやたら速いサイトに出会ったことはありませんか？

http://coliss.com/articles/build-websites/operation/javascript/smooth-transition-between-pages.html

動画をフルスクリーンで背景にするスクリプト・「Vidage.js」

2016/06/29(Wed) 07:25

Vidage.jsはフルクリーンで動画を背景にするスクリプトです。スマフォなどのモニタサイズが狭いデバイスなどでは画像が背景になるようにするようです。

http://kachibito.net/useful-resource/vidage-js

アクセスした際に任意のメッセージを少しの間、表示する

2016/06/27(Mon) 07:28

よく見かけるやつです。

http://kachibito.net/snippets/put-a-message-in-top-of-the-page-with-jquery

緯度経度を指定したテキストにマウスを乗せるとGoogleMapも動くようにする

2016/06/24(Fri) 07:31

マウスホバーでGoogle Mapが動的に移動する、みたいなの。リストには予めカスタムデータ属性で緯度経度を設定してあります。Google map APIも読み込みます。

http://kachibito.net/snippets/google-maps-slider

こんなに美しいレイアウトがシンプルなHTMLで簡単に実装できるスクリプト -Multiple.js

2016/06/23(Thu) 07:31

半透明の美しいグラデーションが複数のパネルにまたがり、背景を続き画像として配置するスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/multiple-js.html