本文の下のほうをFade Outしてフッターを際立たせる方法 | SiMPLE*SiMPLE
本文の下のほうをFade Outしてフッターを際立たせる方法 May 9, 2007 8:08 AM written by 8maki fortuitousというブログには、ちょっと楽しい小細工が。 本文の下のほうに行くと文字や画像がFade Outしていきます。フッターのメニューがうかびあがってくるように見えてユニークです。 ちょっと実現方法がユニークなので皆さんも考えてみてください。 実はこれ、CSSやJavascriptを一切使わず、画像をちょこっといじっただけで実現しています。 なんと上半分を白の透過画像にしているだけなのです。わかってしまうと、「あー、なんだ。」と思ってしまいますが、意外と思いつかない発想かも。 たったこれだけでもブログやサイトにアクセントを加えることができる、他にもいろいろとお手軽な手法が転がっていそうですね。 » fortuitous ■ 追記（2007-05
なつみかん＠はてな - ニコニコ動画「デジ絵の文法」まとめ
萌え系からリアル系まで、デジタルイラストの制作過程を公開する番組「デジ絵の文法」。Photoshopの超基本テクから解説しているのであまり詳しくない人でも楽しめると思います。絵描きさんは参考になるはず。 デジ絵の文法#1「瞳」1-1（絵師：福嶋純一、闇野ケンジ） デジ絵の文法#1「瞳」1-2 デジ絵の文法#1「瞳」1-3 デジ絵の文法#2「肌」（陰影）-1/2（絵師：しろ、シヒラ竜也） デジ絵の文法#2「肌」（陰影）-2/2 デジ絵の文法#3「絵師：okama」-1/2 デジ絵の文法#3「絵師：okama」-2/2 デジ絵の文法#4 -髪-1/2（絵師：松竜、シヒラ竜也 ） デジ絵の文法#4 -髪-2/2 デジ絵の文法#5「光」5-1（絵師：福嶋純一、闇野ケンジ） デジ絵の文法#5「光」5-2 デジ絵の文法#5「光」5-3 デジ絵の文法#6「背景」6-1（絵師：しろ、松竜） デジ絵の文法#
もうパンツはかない
このサイトは webサイトのデザインをいろいろ考えてみようかななどとでっち上げたサイトです。ようやく7つ目のデザインとなります。 デザインにはカスケーディングスタイルシート(CSS)を使っています。21世紀の今、テーブルレイアウトでもないでしょうから。ですのでデザイン的にはターゲットとなるwebブラウザは、CSSにきちんと対応した新しめのもの、たとえば Firefox(レンダリングエンジン Gecko を使ったもの。N9なども含む)や 、Opera9、Safari などを想定していますが、HTML的には素直なよいHTMLをめざしてますので、まともなWEBブラウザであれば閲覧に支障はないでしょう。デザインが再現できるかはともかく。 デザインノート 今回のポイントは半透明画像の重ねあわせといったところでしょうか。 一番下の背景の上に3枚の半透明画像が重なり、スクロールするとそれぞれ違う速度で動
ウノウラボ Unoh Labs: IE6でアルファチャンネルを含むPNGを表示する
yamaokaです。 webサイトで背景が透明な画像を使用する場合、画像を透過GIFまたはアルファチャンネルを含むPNGで作成する必要があります。どちらを使用してもかまわないのですが、下図のように背景を指定した場合はPNGの方がきれいにアンチエイリアスがかかります。 透過GIFとアルファチャンネルを含むPNGの比較 posted by (C)フォト蔵 PNGを使いたくなるところですが、Internet Explorer 6（以下IE6）はアルファチャンネルに対応していないので、一工夫する必要があります。IE6でアルファチャンネルを含むPNGを表示するには、IE6のフィルタ機能であるAlphaImageLoaderを使用します。フィルタを使用すると、画像としてではなく要素の背景のように振る舞います。したがって、表示させるにはIE6でアクセスがあった場合のみ以下のような処理を行えばよいことにな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch Japanese アーカイブ » オンライン写真編集ツールを比較する