シンクグラフィカ札幌

JavascriptのフリーWeb素材

シンクグラフィカが公開・配布している無料のWeb制作・ホームページ制作に役立つJavascriptフリー素材です。

WebsiteToolKit.js
WebsiteToolKit.jsレスポンシブWebデザインな感じでスマートフォン対応Webサイトを簡単に効率よく制作するためのJavascriptフレームワーク『WebsiteToolKit.js』です。スマートフォンサイトにお馴染みのスライダーナビゲーションなどが簡単に実装できます。
ResponsiveSwitch.js
ResponsiveSwitch.js『ResponsiveSwitch.js』はレスポンシブWebデザインやスマートフォンに対応したシンプルなアニメーションスクリプトです。CSS3のtransitionやtransformを使ってアニメーションさせるだけなので、レスポンシブウェブデザインにも最適♪
ResponsiveTab.js
ResponsiveTab.jsレスポンシブWebデザインに最適化されたタブメニューを実現するためのJavascriptです。CSS3のTransitionを使うことでアニメーションを付与したタブメニューも実現ができます。もちろんスマートフォンにも対応。
ResponsiveNav.js
ResponsiveNav.jsシンプルなレスポンシブWebデザインに対応したスライダーメニュー。指定クラス名のnav要素内のアンカーをまとめて、スライドメニューを自動生成・追加するためのJavascriptです。jqueryは使ってません。
一度だけ表示するJavascript
一度だけ表示するJavascript初めてWebサイトに訪れた人にWebサイトのUIの説明などを一度だけ表示したい!ってことありますよね。Webアプリケーションなどでも、一度だけ表示させたいってことありますよね!?
TabOpener.js
TabOpener.jsスマートフォンやタブレットなどで画像を新規タブで表示し、タブを閉じるボタンを自動的に配置するスクリプトです。LightboxやThickbox、Fancyboxなどは便利ですが、スマホやタブレットだと意外と邪魔臭いんですよね。
ThisPageQR.js
ThisPageQR.jsQRコードを作成することなく、iPhoneやAndroidなどのスマートフォンがパソコンで見ているページにアクセスするためのQRコードを自動作成するためのJavascriptです。今見てるページをスマホで見たい、そんなことありますよね?
●営業日後の日付を表示するスクリプト
●営業日後の日付を表示するスクリプト●営業日後の日付を表示したいことありますよね。特にECサイトなどで納品日の日付を何月何日って表示したい事はよくあると思います。単純に土日を抜くだけではなく、祝日とかもしっかり抜いて営業日計算をしたいですよね。
gmap.v3.js
gmap.v3.jsGoogleマップ APIを利用して驚くほど簡単に、ページ内にマップを配置するためのスクリプトです。複数のマップを設置したり、複数のマーカーを配置することもできるぞ!
tab.js
スマートフォン対応などレスポンシブWebを想定したタブ切り替えJavascriptです。詳細は忘れました。
Webダッシュボード
WebダッシュボードMacOSのダッシュボードやKonfabulatorって便利ですよね。パッと必要なものが出てきて。WEBでもページを切り替えたり、ポップアップを出したりせずにダッシュボードのようなものが出てきたら便利じゃありませんか?
キーボードショートカットJavascript
shortcut.jsWebサイトやWebアプリケーションでキーボードショートカットキーを実装したり、コナミコマンドのようなギミックを実装するためのJavascriptライブラリです。ユーザビリティ向上やイースターエッグ的なギミックにご利用ください。
slidebox.js
slidebox.js今さら感がありますが、アップルのサイトにあるようなあんな感じとか、ニュースティッカーみたいな使い方とか、幅広い用途に対応した汎用性の高いスライドスクリプトです。脱jquery☆
ティザーページ用カウントダウンスクリプト
ティザーページ用カウントダウンスクリプト予告・告知などのティザーサイトでよくあるカウントダウンです。サーバタイムを基準にしてるからPCで時計いじっても大丈夫!
営業日・定休日カレンダー
カレンダー3.0設置がやや大変ですが毎月○日とか毎週○曜日とかそういう指定と複数設置が簡単になったバージョンのカレンダーです。基本的な流れはステキカレンダーと同じですが、細部が調整されており、カスタマイズはしやすくなっていますが、設置作業にはちょっぴり知識が必要になったかもしれません。
RandVisual.js
RandVisual.js複数のメインビジュアルとサブビジュアルを混在させる形でアクセス毎にランダム表示するためのスクリプトです。フロントページでアピールしたい事がたくさんあるウェブサイトにオススメ。
IR.js
IR.js特定タグの画像置換やナビゲーションの画像置換、ロールオーバー、ロールアウト、基点表示、クリック表示などを一括で処理するためのJavascriptです。
nvIR.js
nvIR.jsグローバルメニュー的なものをアレしたりナニするときに便利なアレです。
web-dock UI Library
web-dock UI LibraryMacOS Xのdock風にマウスオーバーやクリックによって画面の左側よりdivを表示させるライブラリです。jquery使ってます。
ステキカレンダー
ステキカレンダーステキなカレンダー。そうステキカレンダー。何がステキかっつーと、永続的な未来へのスケジュールをあらかじめインプットしておけること。そしてそれをリロードなしにカチカチできること。まずはダウンロードしなっ!!
RSS URLのアレ
RSS URLのアレRSSアイコンを表示しているサイトをよく見ますが、アレってクリックするとXMLがブラウザ上で展開しちゃいますよね。MIMEタイプが設定されていないサーバだとダウンロードがはじまっちゃったり…。そんなところに疑問を感じてるのです。
キータイプトレース
キータイプトレース名前や会社名などの入力項目にテキストを入力するとカフリカナフィールドにカナがトレースされるスクリプトです。よく住所録などのソフトについている機能をJavascriptで再現したものです。
郵便番号からの住所入力
郵便番号からの住所入力郵便番号を入力すると、郵便番号辞書から住所を自動的に入力してくれるスクリプトです。CGIやphpを介さないため、CGIなどが動かないサーバでも使用できます。
定休日表示カレンダー
定休日表示カレンダー定休日って毎月変えなきゃいけませんよね。でも毎月カレンダーを作るのって意外とメンドクサイ。しかもそれをいろんなページに付けるとなるとすごく大変!そんな大変なカレンダー表示をJavascriptでマルッと解決!
フォーカスを当てると消える
フォーカスを当てると消えるフォーカスを当てると消えるフォームってありますよね。「メールアドレスを入力して下さい」とか最初から入力されていて、そこにカーソルを持って行くと、入力されていた内容が消えるみたいな…。百聞は一見に如かず!まずはご覧下さい。
ランダムでバナー画像を切り替える
ランダムバナーアップルコンピュータのフロントページはランダムでメインの画像とサブ画像が入れ替わりますよね。それってとっても素敵!見せたい画像が複数あるとき、ローテーション組めるしね!