2009-03-01から1ヶ月間の記事一覧

プレゼンサイト引っ越し

http://webdesigner.heteml.jp/ やはり表示が速いです。アップロードのスピードもめちゃくちゃ速いです!!! やはり無料のレンタルサーバーとは全然違いますねー。 しかもドメインが何気にこんなの残ってたんだというのが取れました(笑) ウェブマスターツー…

CSSを使って、複数の背景画像を組み合わせて表示する

例) 例えばこんなhtmlソースなら、 <h3 id="mc1"><a href="#">キャプション</a></h3> <ul id="mc2"> <li>コンテンツ1</li> <li>コンテンツ2</li> <li>コンテンツ3</li> </ul> <p id="mc3">文章</p> こんなCSSで画像を読み込んでいく。 ※ずれた場合はpositionで位置調整する必要があります。 h3#mc1 { background-image: url(images/mc1.gif); background-repe…

レンタルサーバー

hetemlと契約しました。今日仕事が終わったら引っ越しします。引っ越したらURLをアップします。 http://heteml.jp/

プレザンサイト リニューアル中

ページ内リンクを使ったときに「TOPへ戻る」が見えなかったので、 position: fixed;で「TOPへ戻る」を固定することによって、 いつでも見える状態にしました。 さらにbackground-attachment: fixed;で背景画像のちらつきを解消しました。 http://wataruwebde…

修了

授業は終わりましたが、このBlogはもちろん続けます。 今までと同じスタンスで(笑) Jimdoおもしろいですねー。 あまりはまりすぎないように気を付けます(笑) Webdesigner's Room Jimboの方は、「Webdesigner's Room」だけに、プライベート感を少し出したいと…

Dreamweaver CS4のCSS再現性は?

ワークスペースがかなりフレキシブルに設定できます。 左右にコードビューとデザインビューを分割できるようになっています。 ライブビューでJavaScriptやFLASHの動作も確認できるようになっています。 それと、普通にデザインビューで見ているときは、 相変…

Dreamweaver CS4 コードナビゲータ

この機能は超便利です。大幅な作業効率のUPが見込めます。 1.CSSソースにアクセスしたいコードをhtmlソース(デザインビューでも使えました。ライブビューモードでは出てきません)で マウスオーバーさせてしばし待ち、マークが出たらクリック。 2.そのhtmlの…

CS4

昨日手元に届いたので、早速インストール、、、 と思ったんですが、エラー。 よくよく見てみると『vista sp1』以上と書かれてる。 sp1を入れるとPCが不安定になるので敢えて入れてなかったんですが、まさかこんなとこでいれる羽目になるとは(笑)入れるのに…

IE8正式版用のCSSハック(仮)

IE8正式版がリリースされました。 僕はちょうどプレゼンサイトにIE8用のハックを入れてる時に、 なぜかhtml:first-child セレクタ{プロパティ:値;}のハックが効いてないことに気づき、 ちょっと困ってしまいました。 その時見つけたのがこのハック。 html>/*…

RSS自動作成ツール

Fumy RSS & Atom Maker http://www.nishishi.com/soft/rssmaker/

ついでに

イベントハンドラで、マウスに追尾するスクリプトも書いてみました。 作業時間 5分 サンプル

イベントリスナーへの挑戦

作業時間 15分 サンプル キーボードの矢印キーに反応して飛行機が動くイベントリスナーをif文で記述してみました。 まだ全然慣れませんが、ちゃんと動くように書けたのでとても嬉しいです! as3.0への第一歩を踏み出した感じがします(笑) ちなみにステージに…

ActionScript2.0の入門本で、いいのがなかなか無いのでネットで探してみたら、 どうやらこの本が結構使えるらしいとの情報。 ほしいんですが、すでに絶版。 ソーテック社に在庫を確認するも、無いとのこと。 しょうがないので古本で買いました。 二倍近くも…

今週は

プレゼンサイトの直しをやっていきたいと思います。 今日はimgの修正をしました。まだアップは出来ていませんが。 それが終わったら、 IETesterで確認しながら、IE6用のCSSの修正 デザインの修正(background-imageやsidenav) ってな感じで進めていきます。

現在のブラウザシェアがグラフで見れるサイト

http://gs.statcounter.com/ 日本 これを見ると、IEユーザーは、他のブラウザが新しいバージョンを出すと、 一度は使ってみるものの、何日か使ってやっぱり使い慣れたIEが一番とIEに戻っていく傾向が見て取れます。 アメリカ 一方アメリカはIEとFireFoxシェ…

課題

制作時間 90分 慣れないわ、テキストの分量が足りなくなってしまうわで散々でした。今の僕には必要な作業だと感じました。 今度からは雑誌見るときにレイアウトもガン見するでしょう(笑)

Webdesign参考

Webdesigner Depot http://www.webdesignerdepot.com/ g.u. http://www.gu-japan.com/campaign/990jenes/index.html

Flashコンポーネント

Flash Videoを作る。

Mind Map作成フリーソフト「FreeMind」

http://www.freemind-club.com/

jQuery と prototype.js を同時に使う方法(コンフリクト回避)〜実践編〜

作業時間 60分 サンプル 実際にできました。今回は実験ということで、lightboxを重ねてみました。 そこまで細かい調整はいらなかったので、十分実用可能だと感じました。 手順 1.prototype.js、jQueryの順に読み込み、コンフリクト回避の命令を書く。 2.jQue…

減速スライドPhotogalleryイベントハンドラ編 〜リベンジ〜

作業時間 5分 サンプル できました。 変数の定義の仕方がよくわかってませんでしたが、 おかげで理解することができました。 BOSS、ありがとうございました。 http://d.hatena.ne.jp/ilife/20090312

代入演算子

試してみるために書き換えてみました。もちろんちゃんと動きました(笑) なぜ全てのムービークリップが左上基準でないとならないのか。 合わせて理解することができました。

疑問

この式を実際に数値を入れて計算してみたら、 一つの疑問が湧いてきました。 定義ph01_xを0 ph02_xを600 ph03_xを1200 ph04_xを1800 とする。 ph01からph02へ動く場合 _root.sph02_mc.onRelease = function() { base = _root.ph_mc.ph02_mc._x; _root.ph_mc.…

jQuery と prototype.js を同時に使う方法(コンフリクト回避)

普通は一緒に使えないjQuery と prototype.js。これを一緒に使える方法が今バイブル的に読み込んでいる本に書いてあったので紹介します。 prototype.jsを読み込んだ後に、jQueryを読み込む。 その後にコンフリクト回避の命令を記述します。 <html> <head> <script type="text/javascript src="prototype.js"></script> <script type="text/javascript src="jquery.js"></script> <script type="text/javascript"> jQuery.…</head></html>

ボタンを押し続けると動き続ける飛行機(離すと止まる)

制作時間 10分(素材は昨日使ったものをそのまま使用) サンプル これはスムーズにいきました。 押したら動き続け、離したら止まる。というスクリプトを各ボタンに命令したということです。

JavaScriptでマウスオーバー時に画像をフェードさせる

http://d.hatena.ne.jp/ilife/20090225やってみました。 作業時間 10分 サンプル

ActionScriptを使って減速スライドPhotogallery制作

オンハンドラ編 サンプル 制作時間 25分 こちらはスムーズにできました。 イベントハンドラ編 作業時間 50分(ギブアップ) これでいけると思ったんですが。。。 _root.sph01_mc.onRelease = function() { _root.ph_mc.base = _root.ph_mc.ph01_mc._x; _root.p…

イベントハンドラメソッドを使って飛行機を動かす

作業時間 計20分(飛行機制作時間含む) サンプル 飛行機 制作時間 10分 ActionScript 作業時間 10分 ファミコンを思い出しました!(笑) お遊びで、airplane_mc(ムービークリップ)の中のタイムラインに 浮かんでる風モーショントゥイーンを追加してみました。

Slot制作(ActionScript)&ボタン制作(Photoshop)

サンプル スロット用のボタン 作業時間 15分 ベベルとグラデーションオーバーレイで立体感を表現しました。 押されている状態の方はピローエンボスです。 こんなボタンもありかな、と。 しかしCS3同士だとやり取りが相当楽です。 スロット 作業時間 40分(ボ…

世界のYahoo!

面白いのでキャプチャーを取ってみました。 ここから国民性が見えてくるのが面白い! アメリカ大陸圏 アメリカ合衆国 http://www.yahoo.com 全てのYahoo!のベースになってるサイトですね。 カナダ http://ca.yahoo.com レイアウトはアメリカと同じですね。 …