Hatena::ブログ(Diary)

WEBの細道 ―WEB修行と、仕事と、時々、旅― このページをアンテナに追加 RSSフィード

2009-01-01 Java Scriptを使ったロールーオーバー

Image Rollover Code

Java Scriptを使ったロールーオーバーをどうしたらいいのか分からずいたのですが、講師日和を見て試してみました。

難しいのかと思っていたのですが、とても簡単でした!


→ ロールーオーバー練習

BiNDとIDついに購入!

BiNDとIDついに購入!を含むブックマーク BiNDとIDついに購入!のブックマークコメント

先日やっとBiNDとIDを買いました!

f:id:arupaka_web:20090101234526j:image

まだちょっといじった程度ですが、ボタンが簡単に作れる機能におどろきました。これならPhotoshopやIllustratorが無い人も簡単に作れます。

年末年始で遊ぶものができました(^◇^)

2008-10-28

「デザインの教室」(佐藤好彦)

| 「デザインの教室」(佐藤好彦)を含むブックマーク 「デザインの教室」(佐藤好彦)のブックマークコメント

『線を使ったデザイン』

―デザインの中での線は、「分ける」「揃える」「強調する」「結びつける」という機能を持っている。


試しに、「分ける」「揃える」の機能を持った線を使って描いてみた

f:id:arupaka_web:20081029001525j:image

2008-10-26

透明PNG スターハック

透明PNG スターハックを含むブックマーク 透明PNG スターハックのブックマークコメント



参照「講師日和

参照「CSS工房 きくちゃん」

参照「CSS Hack Lab


例えば「h1」を透過PNG画像にして背景に重ねる場合

f:id:arupaka_web:20081026151219j:image

お化けみたい・・・笑


《html》

<body>

<div id="container">

<div id="header">

<h1><img src="images/dollcolection_chuush.png" width="100" height="140" ></h1>

</div>

</div>

</body>




《CSS》

@charset "Shift_JIS";

*{

margin: 0;

padding: 0;

}

#container {

background: url(images/PICT0107-01.jpg) no-repeat;

height:337px;

width:450px;

}

*html h1{

  width: 100px;

  height: 140px;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader

(src=images/dollcolection_chuush.png);

}

*html h1 img{

display: none;

}

#header h1 {

margin-left: 160px;

margin-top: 150px;

}


透明PNGの使われ所

(例)メナード

f:id:arupaka_web:20081026153600j:image

Flashバナー

Flashバナーを含むブックマーク Flashバナーのブックマークコメント

f:id:arupaka_web:20081026155256j:image

シーン1

f:id:arupaka_web:20081026161201j:image

シーン2

f:id:arupaka_web:20081026161200j:image

ボタンのActionScript

f:id:arupaka_web:20081026161104j:image

※パブリッシュ設定でswfの他にQuickTimeとして書き出すこともできる。

f:id:arupaka_web:20081026155255j:image

2008-10-20

しごとのはなし

| しごとのはなしを含むブックマーク しごとのはなしのブックマークコメント

今日(注文の多い)お客さんにサイトの作り終わった部分のページを提出したら、


「すごくいいです!前のサイトよりとても見やすくなったし、サイト全体の雰囲気も気に入っています。

完成が楽しみです。こちらも素材の商品撮影を撮っています。引き続き宜しくお願いします。」


と、嬉しい嬉しいメールがきた。



先日、先輩に頼まれたオンラインショップのカンプデザインをなかなか短時間でうまくできた、と思って提出したら、

「はっきりいってクオリティー低すぎ」とたくさん指摘をされて、(普段優しいけど、こうやって厳しく指摘して気付かせてもらい、とてもありがたい)

若干凹んだ後だったので、余計嬉しかった。


いろいろ、お客さんも、こっちも大変だったけど、

完成したサイトを納品して、喜んでもらえることと、作り終わった達成感が

この仕事で一番やりがいを感じられる瞬間だろうなー という気がしてきた今日この頃。