IE6で透過PNGを表示

HTML&CSS WEBのお役立サイト

いよいよ最後の1週間。
卒制予定のCAFEのオーナーからの原稿は届かず、予定変更でポートフォリオを作成しているが、過去10年間の整理をやりつつなので、牛歩のごとく。
こんなに時間がかかってちゃ、とても仕事にはならないな。
何より，10P埋まるのだろうか。。。

IE6で透過PNGを表示

バックに透明PNGを使用しているので，これを入れる
「DD_belatedPNG.js」
http://www.dillerdesign.com/experiment/DD_belatedPNG/

トラブル

●IEだけが、背景に入れた画像が出てくれない。
理由が変わらず，先生に検証してもらった所

background:url(../images/top_topics.jpg) no-repeat;
↑
この（）とno-repeatの間に，半角空いてなかったのが原因だった。
癖になってるので、気をつけよう

●CSSリセットが足りない
ブラウザーによって、文字の空きが違う。
最初のBODYのCSSリセットが足りずに、影響しあっていたため。

RSSをブログに貼る＠3月13日（火）

WEBのお役立サイト

Feed2JS

今日は、ポートフォリオのtopに、RSS　feedでブログの新着タイトルを貼りました。
星のパジャマちゃんの、 こちらのサイトを参考にさせてもらいました。どうも、ありがとう〜。
◎先生の別の方法
http://d.hatena.ne.jp/web-css-design/20120310

サイトをダウンロード＠3月11日（日）

WEBのお役立サイト

学校も残り後2週間！年々時が経つのが加速して行くが、学びの半年間もあっという間だった。
一抹の寂しさもあるが、勉強する姿勢は学んだので、これからも持続して行けるのではないかと思う。（多分）
今は制作期間なので、皆自分の課題作りに勤しんでいる。
そして、私の卒制は。。。知人が超多忙で、いまだCAFEサイトの材料は手元には無い。後、2週間でどうにかなるか？？
先週は、ポートフォリオをいじっていたけど、デザインが固まらないまま、組みだしたので悩む事しきり。

サイトサッカー　site sucker for mac

http://www.sitesucker.us/mac/mac.html

サイトが丸ごとダウンロード出来るソフト（For Mac)
今まで、ソースはネットで見ていたけど、気になるサイトを試しに落としたら、ファイルの管理の仕方がためになった。
そして、シンプルなのに超難しく、自分のひよっこぶりを自覚したw。
気になるサイトの課題は、このためにあるのか！（違うか。。）

撮影＠3月4日（日）

良いWEBデザイン 雑感

作る予定のcafeサイトですが、画像も原稿もまるで無いので、知人のカメラマンに無理言ってお願いして、店内と料理の撮影をしてもらいました。
最初は、私が撮ろうと思っていたけど、オーナーさんのこだわる写真は、私では絶対無理だし、喜んでもらえるサイトを作りたい。
とても綺麗で、素敵な写真を撮ってもらいました。
オーナーは、超シンプルサイトを希望なので、写真綺麗に載せるだけで、成立しそうかも。。。。。
卒制としては、どうよって少し思いますが、シンプルは結構難しいのです。
ポートフォリオは、進まずです。

ページ遷移時にフェードイン・フェードアウト

20120305025116

20120305025115
ところで、上の様なnaviを押すとフェードイン・フェードアウトして、ページが切り替わる手法が気になっています。ソースを見るとそれぞれ違う（と言うか、良く解明出来ない。。。）
いつかのために、参考にしたいと思います。
ここらあたりが、親切かも。
http://www.kojilow.com/archives/283

2月29日（水）

今日はうるう年なので、記念に書いてみました。
4年に一度のにんにくの日だそうです(笑）
ところで、サイドバーをいじったら、スタイルシートが、初期化して真っ白になっているのに気がつきました。
微調整が何気に大変だったので、軽いショック。
後で直します。

Twitterと連動のテスト

授業内容 HTML&CSS

HATENAのブログとTwitterの連動のテストです。

●hatena-moduleとして記述

<div id="twitter_div" class="hatena-module">
<div class="hatena-moduletitle">
<a href="http://twitter.com/アカウント名">Twitter Updates</a>
</div>
<div class="hatena-modulebody">
<ul id="twitter_update_list"></ul>
</div>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/アカウント名.json?callback=twitterCallback2&amp;count=ツイート数"></script>

php@2月22日（水）

PHP 授業内容

PHPの練習

　＊データの取得は、$_REQUESTが一番安定している。
「PHP マニュアル」
http://php.net/manual/ja/index.php

memo

◎デジタルステージ
http://www.digitalstage.jp/
[motion dive]
映像と音の場合のベストソフト
「第3舞台」の舞台音楽で使用していたらしい。大好きで良く見に行った。懐かしい〜
http://www.motiondive.jp/
◎結婚式の映像には十分なソフト
これで商売できるかも....？
「Life」
http://www.digitalstage.jp/life/
＊MACの場合は、Imovieがあるから充分できる

◎DTP寄りから抜け出せない人用のソフト。私か？
「act2.com・Freeway 5.5」
demoを見たら、作り方がイラストレーターっぽくて、簡単！。
どんなHTMLかは知らないけど、こういうのも一方法かも。。。。
http://www.act2.com/software/softpress/freeway