ネットで簡単☆ お小遣いをもらっちゃう方法を一緒に勉強しましょう♪
--/--/--(--)--:--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


2009/07/11(土)13:47
久しぶりの更新です。
平日は放置になることが多くてスミマセン^^;

前回、アコーディオンっていうJavaScriptを紹介したんですが、
けっこう反応が良かったので近日中に設置方法を紹介しようと思います。
ブログに設置して楽しんでみてください^^

jQueryを使う準備と適当な画像さえあれば、あとはサンプルソースを
ペタペタとコピペですぐ出来ちゃいますので、難しいことは何もないです。


肝心の設置方法ですが、それを紹介する前にもう一つアコーディオンと同じくらい
魅力的なUIがありますので、今日はそちらを紹介します。
jQueryの使い方・準備については、編集するヒマがないのでもう少し待ってください^^;

今日、紹介するのは、タブメニューというUIです。
またカチカチいじって遊んでみてください。


↓タブメニュー↓

こんにちわ。
ちょっとお仕事が忙しくて、平日はずっと放置してました^^;
他のブログに遊びに行くのも出来なかったです^^;

週末くらいのんびり過ごしたいということで、のんびりブログ更新中です^^
タブメニューとは、今あなたが見ているものです。
パソコンとか使ってると似たようなの見たことありますよね^^
けっこう馴染みやすいインタフェースかな、と思います。
次回の更新ですが、また週末になりそうです^^;
どうでもいい日記程度なら更新できそうですが、
アコーディオンやタブメニューの作り方を紹介するのは週末になりそうです。
※来週末も紹介できないかも知れないので、その時はごめんなさい^^;


はい、タブメニュー面白いですね^^
僕はアコーディオンよりこっちの方が好きですね。
その内、トップページにタブを設置しようと思ってます♪

では、またヒマを見つけて更新します。



スポンサーサイト
2009/07/05(日)03:03


先日紹介した「アコーディオン」ですが、ただいま、理解を深めているところです。
というか、何をいじったら何が変わるのか、を調べているといった方が正しいかな?

mmm...

アコーディオンのソース自体はサンプルをパクって終わりなので大したことないんですが、
スタイルシートが絡むみたいで、僕には難しい...。

一応、backgroundの画像を差し替えたり、文字色を自分のサイトっぽい色に変更はできました。

...が、画像を使うと、サンプルのようにキレイな雰囲気が出せないんですよねぇ。
マウスをアコーディオンに乗せた時に色が変わるんですけど、そこがもう一歩足りない感じ...。

スタイルシートが分かると、自由自在にjQueryを扱えるようになるのかなぁ。
誰かスタイルシート教えてください><



2009/07/04(土)00:54
この前、JavaScriptで改造をすると言ったからには、
少しは何かやってるぜ!って感じを見せとかないとね。

ということで、今日JavaScript + jQueryを使って、アコーディオンUIを作ってみました。
(作ったと言ってもサンプルを少しいじっただけですが...^^;)


さて、何かいろいろと意味不明な言葉が出てきましたね^^;

JavaScriptは、前回少し説明したので良いとして、

・jQuery
・アコーディオンUI

って何じゃい!!ですよね。

「jQuery」は、そのまま「ジェイクエリ」と読みます。
説明が難しいんですが、ライブラリと言ってJavaScriptで使える色んな機能がまとまっているものです。

てか、ライブラリだとか、そんなのは知らなくていいです^^;
知らなくても大丈夫なように、僕がフォローします♪


次は、アコーディオンUIです。
アコーディオンとUIという言葉をくっつけて僕が勝手に作った言葉です。

では、アコーディオンを使って「jQuery」「UI」「アコーディオン」を
簡単に説明しますので、下のアコーディオンで遊んでいってください^^



       

↓アコーディオン↓

アコーディオン試作

JavaScriptとjQueryを使って、何か作ってみたかったので
視覚的にも興味を惹き、jQueryの面白さを感じてもらえるかな?
と思ったので、アコーディオンを作ってみました^^
カチカチいじって、JavaScriptの面白さを感じてみてください^^

JavaScript + jQueryについて

jQueryというのは、JavaScriptにおける色んな処理を、
簡単に実現できるようにするライブラリです。
jQueryは少し説明が難しいので、読み飛ばしてください(笑)

ちなみに、最近、人気が出てきているライブラリのようです。

UIとは

UIとは、「User Interface」の頭文字を取ったものです。
簡単に言えばブラウザの「戻る」ボタンとか、
「更新」「中止」ボタンのようなものがUIです。
※"簡単に"言うとですので、厳密には違います。

アコーディオンとは

あなたがカチカチいじっているモノがアコーディオンと呼ばれるUIです。
ユーザ・インターフェースがどんなものか大体イメージつきましたか?
このように、jQueryを使えば自分のサイトで色んな表現ができるようになります^^

ソースについて

このアコーディオンのソースの公開についてですが、
僕自身、jQueryは勉強中ということもあって、
いい加減なソースを見せたくないという気持ちはありますが、
要望があれば、実装までの流れを紹介しようと思います。

と言っても、サンプルはネットにゴロゴロありますので、
作ろうと思えば誰でも作れるので、試してみてください^^


と、これがアコーディオンというものです^^
なかなか面白いですよね。

ただ、調子に乗ってこういうのをやりすぎるとサイトが重くなって
ユーザビリティの低下を招くことになります(笑)

何事もバランスが大事ですね^^



2009/07/02(木)18:33
仕事が忙しくなりそうです。

また停滞気味になるかもですが、必ず戻ってきます^^
というか、ヒマを見つけてちょっとでも更新するつもりですよ♪

ただいま、サイトの改造計画を考えております。
最近、興味を持ったJavaScriptを使って、ちょっとカスタムしてみようかな、と思ってます。

といっても、すごく大きな改造をするつもりはないんですけどね^^

サイトも少しまとまりが無くなってきて、
ちょっと整理する意味でもいいかな、と思ってのことです。

どう改造するかは出来上がってからのお楽しみです。
(いつになるやらですが...w)

では、今日はここまで。
週末にまた何か更新します^^



2009/06/29(月)18:59
おもちゃの缶詰が到着しました!

おもちゃの缶詰

今時のおもちゃの缶詰って、2種類あるみたいですよ。

「冒険缶」「魔法缶」tっていうのがあるらしいです。
写真の缶詰は「冒険缶」です。

お楽しみだった中身ですが、ガラクタでしたw

キョロちゃんのシールと、変なパズルと、変なメガネ(←光を見ると、虹が見えるメガネ)と
変なコマと、変な指輪と、変な丸っこいのと、変なキョロちゃんが入ってました。
(変なのばっかじゃねーかw)

んまぁ、シールはいいとして、他はエンゼル5枚でコレかよ...という感想^^;

缶が宝箱の形で、キョロちゃんの絵が描いてあるので、子供は喜ぶかも知れませんね^^
大人でも貯金箱とか小物入れには十分使えるサイズですよ♪

みんなも頑張ってチョコボール食べてくださいね^^

僕は「魔法缶」をもらうために、またエンゼルを集めます!!




ランキング参加中

seccoのブログは皆さんの
応援に支えられています。


ワンクリックで応援できます。
ポップアップをブロックしている場合、
正常に動作しません。
リンクをクリックしてください。

brog_ranking


TREview

カテゴリ

最新コメント

相互リンク

おすすめASP
Yahoo!ローグル

無料SEOツール

キーワードアドバイス
ツールプラス


URL

サイトタイトル

ディレクトリ登録
by ホームページ登録

サイトマップラス

サイトマップラス
Powered by SEO対策

アクセスアップ対策
アクセスカウンター




アクセスランキング

プロフィール

secco

Author:secco
ネットでお小遣い稼ぎの方法を勉強中です。

ブログ内検索

月別アーカイブ
ブログを書いて稼ごう
オススメ書籍

RSSリンクの表示
ブロとも申請フォーム
ブログランキング

コミュニティ


ブロガー(ブログ)交流空間 エディタコミュニティ

MindManager
 | seccoのブログで小遣い稼ぎTOPへ |  Next
Copyright © seccoのブログで小遣い稼ぎ All Rights Reserved.

Designed by DAIGO / Material by 素材くん「無料WEB素材屋」
レーシック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。