jQueryでモーダルウィンドウのプラグインを自作したので公開します。
世の中にはjQueryで動くモーダルウィンドウプラグインがたくさんあるのに、自作しました！ 理由は、あがってくるデザインを実現するには自作するしかなかったからです。 せっかくなので公開します。 DEMO DOWNLOAD 設定方法 Javascriptの設定 <script src="https://ajax.googleapis.com/ajax/libs/jquery/...続きを読む
自動ビジュアル切替jQueryプラグイン – autoVisualSwitch.js()
仕事でメインビジュアルを自動で切り替えたいという要望があったのでプラグインを作成しました。 昔ならFlashでしか出来ないと思っていたことが、Javascriptで出来るのはSEO・メンテナンス性を考えても嬉しいことです！ DEMO DOWNLOAD ファイル構造 HTML 全てを包括するid=”mainVisual”の中に、大きい画像用のid=”autoV...続きを読む
サイトデザインを一新！HTML5+CSS3にて構築
サイトをリニューアルしました！HTML5とCSS3で構築しています。 でも、MozillaかWebkit系でしかまともに見れないのが残念。。。 HTML5について 要素が増えたので、正しいマークアップが出来ているか心配。 今までdiv、p、ulだけで構成していたような気がする。。。 head要素内はシンプルになった。 ドキュメントタイプが<!DOCTYPE HTML>だけになったので、...続きを読む
Twitterの色んな値をJSONで取得する方法
今後必要になるだろうと思いTwitterの値の取得方法を調べてみました。 使用するのは、TwitterAPIとjQueryです。 TwitterAPIの値をみる まず、TwitterAPIの中身を覗いてみよう。 下記URLの「アカウント」に自分のIDを入れて開くと。。。 http://api.twitter.com/1/statuses/user_timeline/アカウント.json ずらっと表...続きを読む
Google MAPを簡単に表示させるjQueryプラグイン「jquery.easyGmap.js」
仕事でGoogle Maps APIを使う機会がありました。実は今回が初めての使用です。 率直な意見を言うと。。。面白い！！色んな関数が用意されているのでカスタマイズが楽しい！ そこで今回はGoogle Maps APIと連動したプラグインを作成しました。 「jquery.easyGmap.js」とは？ 仕事でGoogle Maps APIを使ってみたところ一点不便なことがありました。 それはペー...続きを読む
