Strategic Web Design ＜ Development：ITpro
【Flash CS3入門 基本からActionScriptまで】 第23回 外部のサウンド・ファイルを読み込んで再生する 前回は，あらかじめFlashドキュメントに組み込んだサウンド・ファイルを，埋め込みアセットクラスとして再生する方法をご紹介しました。今回は，外部のサウンド・ファイル（MP3ファイル）を読み込んで再生する方法をご紹介します。 [2008/09/30] 【エンジニアのためのWebデザイン教室】 第27回 フォームとCSS エンジニアがformを使わないWebサイトに関わることはほぼ皆無です。サーバー側のプログラムを必要とするサイトでは，ほとんどの場合，ユーザーがformでデータを入力するからです。したがって，エンジニアの方々はCSSによるformの装飾の仕方をぜひとも習得しておく必要があります [2008/09/26] 【Webデザイン エンジニアリング】 第59
akihiro kamijo: IE6 の仕様変更への対応関連情報です
IE6 のアクティブコンテンツ関連の動作を変更するパッチが公開されましたが（関連情報）、それに伴い、対応方法に関連する記事がUS のアクティブコンテンツデベロッパーセンターにて公開されました。 IE の変更に対応するためのサンプルファイルはこちらからダウンロードできます。（ ZIP ファイル 4K） これには以下のファイルが含まれています。 AC_RunActiveContent.js: Flash や Shockwave コンテンツを表示する際に使用します AC_ActiveX.js: その他のアクティブコンテンツ用です SampleActiveContent.html: 上2つのJavaScript ファイルの使用例です swf を表示するにはは AC_RunActiveContent.js ファイル内に定義されている AC_FL_RunContent 関数を Object タグの代
水面に反射するような効果を画像に加えるJavaScript「Reflection.js」
上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。 Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。 Reflection.js http://cow.neondragon.net/stuff/reflection/ 「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。 なお、上記サイトからWordpressやphpBB、vBulle
akihiro kamijo: Spry （Ajax フレームワーク）公開
Adobe から Spry という名前の Ajax フレームワークが公開されました。（Adobe Labs/spry） Spry は BSD ライセンスの下でフリーで使用できます。 こちらのページでデモが見られます。（Spry Demos） ダウンロードはこちらから。（Spry Download） Spry の特徴は Web 制作者を主ターゲットにしていることで、CSS を使った HTML ページ作成の知識があれば、特に JavaScript に詳しくなくても使えるよう設計されています。このようにすることで、従来の Web デザインの延長として Ajax を使えるようにしたいというのが目標です。今までの Ajax はどちらかというとプログラマの視点から語られることが多かったですよね。 既に公開されている Flex-Ajax Bridge (FABridge) と組み合わせれば Spry と
角丸ライブラリ - tikeda::Diary:
最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01：小さ目な角丸 02：大き目な角丸 03：斜線の角丸（背景画像をループ） 04：ストライプの角丸（背景画像をループ） 05：木模様の角丸（背景画像をループ） 06：リボンのついた角丸（背景画像を固定） 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLとCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu
Photoshop で背景透過の美しい favicon を作成する - 2xup
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
Photoshop でつややかな表現をわりと簡単に実現する
2006-05-05T20:05:06+09:00 Illustrator などを利用してベジェ曲線で書いた絵に Photoshop を利用してつややかな表現を加える方法は何通りもあり、すでにたくさんのノウハウが存在しますが、それなりのものならほんの少しの作業で実現できます。いつも違う方法でやってしまいあとで苦労する事があるので、自分自身の忘記録も兼ねてその Tips をまとめておきたいと思います。Photoshop CS で作成したデータですが、サンプルファイルも用意しているのでもしよろしければダウンロードして使ってみてください。 サンプルファイルをダウンロード(tsuyayaka-sample.psd) サンプルファイルはせっかく角丸の四角形で作成したので、Feed Icon として利用できるように、オレンジで描いたレイヤーと、アンテナ部分を描いたレイヤーも追加してあります。 レイヤー
｛ marble Beat* ｝ web2.0的デザインの傾向と対策（１）
このごろ流行りの女の子～♪ じゃなくて、流行りまくって食傷ぎみなweb2.0的なサイトですが（^^; どうもある種のルールを持てばweb2.0なデザインになるようです。 これで今日からあなたのサイトもweb2.0だｗ 以下のページを参考に 最近のwebデザインの傾向（英語） http://www.webdesignfromscratch.com/current-style.cfm 上記のすばらしいサイトは、以下のデザイン機能を共有します： * 単純なレイアウト * 3D効果（倹約して使われる） * 柔らかい、中間の背景色 * 強烈な色（倹約して使われる） * かわいいアイコン（倹約して使われる） * 多くの余白 * 素晴らしい大きいテキスト 直訳でした、これらを守ればweb2.0デザインです以上！ って言うのは冗談ですがｗ 細かく見ていくと ・単純なレイアウトと言うのはユーザーにとって見易
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
moo.fx
Dynamic Drive CSS Library- Practical CSS codes and examples
http://www.webdesignfromscratch.com/current-style.cfm
CSSによる段組（マルチカラム）レイアウト講座