tshinobu.com

Laboratory(作品など)

Webの仕事をしている人にピンポイントで役に立ちそうなプログラムなどを作ってみています。

Javascript

require.js (2009/11/25)

外部Javascriptファイルを読み込むJavascriptファイルです。HTMLからはrequire.jsを読み込むだけで複数のJavascriptを読み込むことができます。

breadCrumb.js (2009/5/6)

HTMLでの変更が面倒なパンくずナビゲーション(トピックパス)を、現在開いているURLを読み込み、Javascriptで自動的に生成します。

jQuery.simpleTab.js (2008/12/08)

jQueryを使ったシンプルなタブシステム。詳細はこちら

multihero.js (2008/8/23)

「マルチヘッダー(MultiHeader)」「マルチヒーロー(MultiHero)」を実現。
ページのキービジュアルやメインイメージに、複数のグラフィックを切り替えながら見せて、スペースをつぶさずにたくさんのコンテンツを配信します。JavaScriptとCSSで構築しているので検索エンジンにインデックス化されやすく、どなたでも簡単にカスタマイズ+導入いただけます

divisionLink.js (2008/7/28)

<div>や<li>などのブロック要素全体にリンク効果を付与。
「―ブロック全体にリンクを持たせたい。なおかつマウスオーバー効果をつけたい」
そんなときにおつかいいただけます。実はjquery.biggerlink.jsのほうがオススメです。

showCurrentPage.js (2008/6/1)

ナビゲーションにステイ表示を実装。
現在開いているページのアドレスと、ローカルナビゲーションのリンクのhref属性を、取得&比較して、現在開いているページのナビゲーションにクラス "thisChild" を付与します。それによってHTMLを変更せずに、カレントページ表現(リンクの強調表示等)を行い、スムーズな制作+運用環境、ユーザビリティを提供します。

Webservice

CMYK2RGB (2008/11/19)

CMYKとRGBの相互変換ツール

checkUrls (2008/8/29)

クロスブラウザチェック、URLの確認などに
URLを改行区切りで列挙してワンクリック。記述したURLを一気に別ウィンドウで開きます。

MySql Simple Board (2008/8/15)

MySQL+PHPで構築した超絶シンプルな掲示板システムです。ソースコード公開予定。

colorfulBox (2008/8/10)

ランダムに生成されたさまざまな色の四角形、文字が目を喜ばせ刺激を与えます。カラフルなモティーフとしてウェブデザインに用いたいときにもご利用いただけます。

cross*Fortune (2008/7/15)

Yahoo!占い横断サイト
生年月日を入力すると、複数の占いの結果ページへのリンクを生成します。携帯サイト公開予定。

laboratory