CSSで、プルダウンメニューを作ってみた。
って言っても、そういうサンプルを置いてくれてるサイトがありました。
っていうサイトです。
今まで、プルダウンメニューというか、アコーディオンメニューというかそういうのを作る機会が無かったので、今回色々調べていて、最初JavaScriptのを使おうかと思ってたんですが、使おうとしてるサイトでも、「別にJavaScriptを使っているのでややこしくなりそうやなー。」と思ってたらCSSでできるのを知りました。
2008年2月25日
2008年2月21日
MooTabs1.2を作ってみた。
またまた、タブをクリックしたら、コンテンツが変わるJavaScriptです。
今回は、mootoolsライブラリを使用した、MooTabs1.2.jsを作ってみました。
MooTabs1.2.jsは、タブをクリックすると、コンテンツ部分がストンという感じ表示されるJavaScriptです。jsファイルの値を変えれば、表示する際のエフェクトも変えられるようです。
SpryTabbedPanels.jsを作ってみた。
今回も懲りずに、タブを押すと、コンテンツが切り替わるJavaScriptです。
Spryを使った、SpryTabbedPanels.jsというJavaScriptです。
こんなのです。
2008年2月18日
MovabletypeとGooglemapを組み合わせてみた。
昨日、やりたかったGoogleMapsAPIのんが簡単ながら形になった所で、「もしやあるんじゃないのか・・・。」と思い始めて、色々検索してたら、やっぱりあった。
その内の一つをやってみたら、何とか上手い事行ってブチ上がりました。
こんな感じです↓
Movabletypeで記事を投稿するときに、一緒に経度と緯度を入れるとGoogleMapの方に、マークがついて、吹き出しに記事の内容が出るようになります。
2008年2月17日
突然、FirefoxでGoogleMapが表示されなくなった。
IEで確認すると、ローカルだとXMLを読まないので、毎回Firefoxで確認してたら、突然、GoogleMapが表示されなくなって、Firebugで見てみると、エラーが・・・。
一分ぐらい前まで、普通に見られてたのに！何で突然!?
2008年2月16日
Glider.jsを作ってみた。
今回も、ページ内でコンテンツがスライドする系、Glider.jsを作ってみました。
Glider.jsは、prototype.jsのライブラリを使用していて、コンテンツの内容別にstyleをしたり、flashコンテンツや動画を載せたり、インラインフレームを使用できたりと、便利です。
では、どうぞ。
2008年2月15日
Coda-Slider 1.1.1を作ってみた。
今回は、Coda-Slider 1.1.1を作ってみました。
タブを押すとページ内でコンテンツの内容がスムーズに遷移するやつです。
今まではギャラリー、スライドショー系の嵐でしたが、今日以降は今回と同じような"遷移する系"ばかりになると思います。なぜなら、今日自分の目的に合うのを探すため作りまくったからです。
その第一弾が、Coda-Slider 1.1.1です。jQueryのライブラリを使用します。
こんなのです↓
では、どうぞー。
2008年2月13日
GoogleMapの指定した場所に、youtubeの動画を表示させてみた。
今回は、GoogleMapの住所や画像が表示される吹き出しに、youtubeを表示させるのをやってみました。
GoogleMapは、去年の春頃に挑戦して、一瞬で挫折したまんまで、もろもろすっ飛ばしてやってみました。
でも、出来た！
こんな感じです。
画像を使ったスライドメニュー、imagemenuを作ってみた。
また間隔が空いてしまいました。
今回は、imagemenuを作ってみたいと思います。
imagemenuは、mootoolsライブラリを使用して、auのトップページで使われてるみたいな伸縮してスライドするメニューを作る事ができます。こんなやつです。
imagemenuサンプル
じゃあ、やってみます！
今回は、imagemenuを作ってみたいと思います。
imagemenuは、mootoolsライブラリを使用して、auのトップページで使われてるみたいな伸縮してスライドするメニューを作る事ができます。こんなやつです。
imagemenuサンプル
じゃあ、やってみます！
2008年2月 3日
lightbox2.0を作ってみた。
今回は、prototype.jsを使用したlightboxを作ってみました。
色々なライブラリでも、lightboxの発展系が登場していますし、前回作ったmootoolsを使用したslimboxもその中の一つです。
こんなやつです。
実際には、
のreleaseの部分で使用されていたりします。
では、どうぞ！
