<< June 2017 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 >>

ハムからみんなへお願い&お知らせ

相互リンク募集!
ハムにメールを送る時はここから
07月05日(Sat)

スポンサーサイト

一定期間更新がないため広告を表示しています

人気blogランキング  にほんブログ村 サラリーマン日記ブログへ

  • 2014.07.05 Saturday
  • -
  • -
  • -
  • by スポンサードリンク

11月19日(Mon)

jQueryを使ってみた(タブとフォトアルバム)

先日紹介した「jQuery」を使ってみた。
jQueryのサイト

タブの昨日とフォトアルバムの機能(プレビュー)が使いたかったので、
早速使ってみることにした。

使ったのはここのサイトではなくて、
僕が運営しているバレーボールチームのページ。
実験的に使っただけなんですけどね。

M berry'sのホームページ

実装したサイト:M berry's[札幌バレーボールチーム(女子6人制)]

CSSの設定によって、IEの表示だとタブの一番左が
若干囲みの下がずれてしまっていますけど、
作成する時間の都合上、そのまま表示しています。

写真はOperaで表示した場合キャプチャ。
上の灰色かかっている部分がタブになっています。

コレはjQuery_Autoというプラグインを使って実装しました。
参考は「CSS HappyLife」の
JavaScriptのカテゴリーを参考にさせてもらいました!

アルバムのプレビューはこんなの↓

これはThickBox 3.1っていうプラグインを使いました。
英語で書かれていたのですが、
なんとか実装することができました〜♪

コードについては…
時間の都合上カットさせてください。
参考サイトを参照してみてください(;^_^A

jQuery、なかなか面白い!!
そしてプラグインが豊富なのも嬉しい♪
でも、まだまだ勉強必要だ。。。

参考サイト:
jQuery(英語)
ThickBox 3.1(英語)
jQuery_Auto(英語)
CSS HappyLife(カテゴリー:JavaScript)
coliss「jQueryのプラグイン33+1選 」

タグ:,,,,
JUGEMテーマ:コンピュータ

人気blogランキング  にほんブログ村 サラリーマン日記ブログへ


11月14日(Wed)

jQueryが面白い!

先日参加した「CSS Nite in SAPPORO」の話の中で
jQueryの話が出てきていました。

jQueryのサイト

jQuery

なんだそれ?って状況だった自分ですが、
話を聞いていくうちに、JavaScriptのフレームワークって事がわかりました。

僕が仕事で主に扱っているのはXHTMLとCSSであって、
そのコーダーをしている状況です。

大学生の時に心理学をやっていたなんて、
もう昔の話ですよ・・・

XHTMLとCSS以外の事は現在勉強中でして、
例えばデザインとしてIllustratorとかPhotoshop、
プログラムとしてPHP。
それらを現在勉強している最中です。

なのでJavaScriptは未開の地…
自分にとって未知の世界だったわけですが、
興味を持ったので、とりあえずサイトをのぞいてみることに!

「jQuery」

・・・( ̄□ ̄;)!!

全部英語ですやんヽ(;´Д`)ノ

読むのにかなり時間がかかりました。
(読むってより感覚でとらえただけですが...)

でも、コレをつかうことで、いろんなことができるようになるようです!
XHTMLを汚さずに動的部分を作れるのは、なんと魅力的!

どんなことができるのかって?
例えば画像についてだったり・・・
はい、詳しくはわかりませんが、
とにかくある程度プログラムがわかれば
比較的簡単にDHTMLみたいな動的なページが作成できるようです!

今度覚えて使ってみようと思う。

…また学ぶ項目が増えた(;´Д`)

そして…一番致命的なのは…
ここのJUGEMのブログでは使えない!!

ショックです・・・

前のブログのseesaaの方なら使えそうだから
そこから読み込もうかな…
検討しておこう!!!

参考サイト:
jQuery(http://jquery.com/)
jQueryの魔法
IT用語辞典:フレームワークとは 【framework】

タグ:
JUGEMテーマ:日記・一般

人気blogランキング  にほんブログ村 サラリーマン日記ブログへ


categories
archives
recent comment
recent trackback
friend links
link list
あわせて読みたい
search this site.
tag cloud search
others
  • RSS1.0
  • Atom0.3
powered
みんなのブログポータル JUGEM
sponsored links