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