作成者別アーカイブ: 真中のぶ

真中のぶについて

The B.B.BoogieというバンドでVocalをしています。サーフィンもします。シングルフィンのクラッシックなロングボードに乗っています。ウェブデザイナーでもあります。タカハシ先生の一番弟子ですが時々すっとこどっこいな質問をして校庭１０周と言われます。「パソコン倶楽部りんご」は僕が命名しました。ジョブズさんに敬意を表して。好きなcssはmargin{0 auto;}

学習履歴: WAVE立川校

職業: フリーのウェブデザイナー

SNS :

The B.B.Boogie

1件のフィードバック

僕のやっているバンドのサイトをリニューアルしました。まだ途中の所とかありますが、とりあえずアップして時間のある時にコツコツ更新していきます。よかったら、リンクとかして広めて頂ければ最高です。

http://thebbboogie.com/

真中のぶ

html5 audio

1件のフィードバック

html5 audioトライしてみました。クロームとFireFoxは大丈夫ですがIEがダメです。

ちなみにクロームとFireFox、それぞれ用に拡張子の違う音源を用意する必要があります。

IE用のjavascriptがあるようなのでトライしましたが、上手く出来ないので、戻しました。

これを今度の金曜のライブ授業でお願いします！！

「どのブラウザでも視聴できる裏技」

ちなみに僕が参考にしたサイト

http://www.html5-memo.com/audio/player001/

http://coliss.com/articles/build-websites/operation/javascript/js-audio-js.html

http://kolber.github.com/audiojs/

興味のある人は見てね。

The B.B.Boogieのサイトを仮でアップしました。トップページの一番下に

「視聴」があります。

http://nobu-69.com/study/new_bb/index.html

音楽編集についての質問

4件の返信

マイスペースにバンドの曲をアップしようと思います。各曲、全部ではなく、1曲につきワンコーラスで３０秒～１分位に編集したいのですが、こういうのって何で編集するか知ってますか？Flash?

音楽やってるのに、こういう事全然しりません。

よろしくお願いします。

スクロールバーカスタマイズ

1件のフィードバック

パソコンのデフォルトのスクロールバーってダサいですよね。変な青いやつ。
コンテンツ内にoverflow-y:scroll;などとしてスクロールバーを表示させた時
あの青いのが出てくるとデザインが台無しです～。

jQでいいのがないか探してみたら
http://kachibito.net/web-design/tiny-scrollbar.html
が良さそうなんですが、使い方がいまいちわかりません。
本サイトのダウンロードボタン押しても？？？？だし。
http://baijs.nl/tinyscrollbar/

今度の新年会の授業でお願いしまーす。続きを読む →

include_once

2件の返信

真中のぶです。

phpのinclude_onceでパーツの共通化。

これは、自分でデザインしたhtmlのサイトをWordPress化する際に必要な
大事な大事な考え方でもあります。

現在理解している範囲でまとめました。
第１１回（2012/11/16）勉強会でやった内容です。

サンプル＆解説はこちら（僕のサーバーにアップしました。）
↓
http://nobu-69.com/ringo/php-nobu/index.php

よろしくー。

Google検索のパーソナライズを無効にする方法

コメントをどうぞ

11/2のアフター勉強会＠マクドナルドで話題にした
「自分のPCと他人のPCで、Googleの検索結果の順位が違う」件です。
自分の検索履歴の影響を排除して、検索結果を表示したいときは、
Google検索結果画面のURLの最後に、パラメータ「&pws=0」を付けます。

詳しくは以下を参考にして下さい。
http://www.alphaseo.jp/seo-faq/google/100210_154606.html

jQuery fadeIn

コメントをどうぞ

jQuery。ライブラリを使うほどのものではないので自作してます。（自作というほどのものじゃないけど）

そのページが開いたら、非表示にしてあるテキストが順番にぱっ、ぱっ、と現れてほしいだけなのに

なぜかアニメーションします。

一応「ヌー」http://semooh.jp/jquery/api/effects/

参考にしているんですが….。ぬ～

私の知識レベルですが、回答致します。

.showの前に.delayを入れると、アクション開始のタイミングを遅らせることができます。

改訂後のjavascriptですが、

入れ子関係にして、各々を2秒間ずらし、0.01秒間かけてメッセージの表示、とします。

テストしましたが、これで順番に表示ができます。

もっとシンプルに書けそうな気もしますが、単純に理解し易いプログラム記述ですと、こうなるかと思います。

<script type="text/javascript">
$(function(){
$('#text1').hide();
$('#text1').show(10);

$(function(){
$('#text2').hide();
$('#text2').delay(2000).show(10);

$(function(){
$('#text3').hide();
$('#text3').delay(4000).show(10);

$(function(){
$('#text4').hide();
$('#text4').delay(6000).show(10);
});
});
});
});
</script>

$(function(){

$('#text1').hide();

$('#text1').show(10);

$(function(){

$('#text2').hide();

$('#text2').delay(2000).show(10);

$(function(){

$('#text3').hide();

$('#text3').delay(4000).show(10);

$(function(){

$('#text4').hide();

$('#text4').delay(6000).show(10);

});

</script>

#12ランサーしょうじ

まず、$(function(){……}は1回だけで充分。

よくわからない人は、もう一度、仕様を読み直しましょう。

「ヌー」のサイトはリファレンスとして素敵ですが、基本を学ぶなら以下がおすすめ。

「jQuery 開発者向けメモ – 基本・サンプル」

http://www.mikage.to/jquery/jquery_basic.html

1ページで解説とサンプルになっています。

$(function(){……}については「HTMLとコードの分離」の辺りに解説があります。

$(function(){
//cssのセレクタと同じく、要素を列挙するなら、カンマで区切れば良い。
//$('#text1,#text2,#text3,#text4').hide();

//でも、cssと同じく、要素が特定できれば良いのだから、こう書いた方がスマート。
$('ul li').hide();

//でもって、効果を予想するとfadeInの方が良いのではないかな？と思ったり。
$('#text1').fadeIn(300);
$('#text2').delay(2000).fadeIn(300);
$('#text3').delay(4000).fadeIn(300);
$('#text4').delay(6000).fadeIn(300);
});

$(function(){

//cssのセレクタと同じく、要素を列挙するなら、カンマで区切れば良い。

//$('#text1,#text2,#text3,#text4').hide();

//でも、cssと同じく、要素が特定できれば良いのだから、こう書いた方がスマート。

$('ul li').hide();

//でもって、効果を予想するとfadeInの方が良いのではないかな？と思ったり。

$('#text1').fadeIn(300);

$('#text2').delay(2000).fadeIn(300);

$('#text3').delay(4000).fadeIn(300);

$('#text4').delay(6000).fadeIn(300);

});

#2タカハシ先生

ファイル直しました。まさにやりたいのはこれでした！

↓

http://nobu-69.com/jquery_test0626

.showではなかったようですね。

.fadeInが正解のようでした！

#3真中のぶ

htmｌ＆css3でミッフィーを描いた

コメントをどうぞ

css3で初めてイラストを描いてみました。多少妥協した所もありますが一応ミッフィーに見えると思います。

僕のサイトにアップしたので見てくださーい！

続きを読む →

月	火	水	木	金	土	日
« 8月
						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

真中のぶ について

真中のぶについて