本記事では、最近のWeb制作で利用されている「CSSスプライト（CSS Sprites）」という手法と、その実装を便利にしてくれるFireworksの拡張機能「CSS Sprite Extension」について解説します。 Fireworks CS5 体験版 今すぐ購入 CSSスプライト（CSS Sprites）とは CSSスプライトは、複数の画像を1つにまとめてCSSのスタイルで部分的に表示し使い回す手法です。 CSSスプライトの仕組み CSSスプライトはたいてい、今まで独立した１枚画像にしていた部分や画像置換※で表示していた画像と置き換えることができます。 ※ 画像置換：HTMLにテキストだけを記載しておいて、CSSのスタイルで文字を隠し、その代わりに画像を表示しているように見せる手法。画像をHTMLからimg要素で呼び出している時とは違い、CSSでデザインを変更したときに一緒に見

What is this? Simply put, ColorExplorer is an online toolbox for working with color palettes. Being a little more elaborate, the current site is the result of evolvement on my acclaimed ColorMatch 5K project dating back as far as 2001. With ColorExplorer you can quickly and easily create, manage and evaluate color palettes for use in graphic design, web designs, layouts, and much more. Is it free?

*.bakなどのバックアップファイル -プロジェクトファイルについて 開いたフォルダとTOPマークをつけたファイル、チェック対象外のファイルの情報等を保存することができます。 この情報の記述されたファイルを、プロジェクトファイルと呼びます。拡張子は、kpr(Kotou PRoject)です。 プロジェクト情報windowは、「右クリック->プロジェクト情報を表示」で開くことができます。 プロジェクト情報windowでファイル名をダブルクリックすると、孤島発見器のメインwindowでそのファイルが選択さるので便利です。また、deleteキーで、TOPマークを外したりもできます。 Saveボタンでプロジェクトの保存ができます。また、Openボタンを押すか、プロジェクトファイルを孤島発見器にdropすると、プロジェクトファイルを開くことができます。 -サーバーのルートに対応するフォルダについて

Adobe BrowserLab requires Adobe Flash Player version 10.0.0 or higher and Javascript enabled in your browser. Click the button below to download and install the latest version of Flash Player now Adobe BrowserLab An easier, faster solution for cross-browser testing Preview and test your webpages on leading browsers and operating systems - on demand. Adobe BrowserLab makes it easier and faster t

全角片仮名（カタカナ）を半角片仮名（カタカナ）に変換します。全角英数字、全角スペースも半角に変換されるよ。 （携帯サイト制作時に便利かも。利用はもちろん無料のカナ変換サイト。） ■運営会社より 株式会社ゼロスリーです。いつも当サイト「全角カタカナ→半角カタカナ」をご利用いただき、誠にありがとうございます。 この変換サービスを、いつまでも快適にご利用いただけるよう努力していきたいと思っております。 また弊社では、ホームページ（ウェブサイト）制作等のインターネット関連全般を承っております。ご検討中・ご興味ございましたら、お気軽にお問い合せ下さい。 弊社Facebookページへの「いいね！」もよろしくお願いします！

studio-placebo weblog - design,sound and more…flashで、全画面かつ、背景に動画を貼り付けたい時 あんまり高画質なのは、死ぬほど重くなるし、でも画質悪いのはちょっと困る。 そういう時は（全画面表示でMTとか使いつつ写真を出す・・・とかにも使えるカモ） 上から、細かいドットを重ねてやるとイイ。目の錯覚を利用するんですね。 htmlでいうと、小さい画像を背景でタイル状に敷き詰める感じ。 以下、FlashQ&Aより抜粋ですが プログラム全体の流れとしては、 繰り返す模様の元となる BitmapData を作って、 それを MC 上に描画する、ということになります。 例えば、BitmapData を bmd 、MC を mc とした時、 mc 上に bmd を描画する場合には // ビットマップデータ及び模様の作成 var bmd :B

<?xml version="1.0" encoding="UTF-8" ?> <pagedata> <common> <copyright>elz.jp</copyright> <!-- Flash表示領域定義 --> <stage_width>640</stage_width> <stage_height>220</stage_height> <banner_align>2</banner_align> <button_mode>1</button_mode> <button_normal>/media/fbe/top/640x20_normal001.jpg</button_normal> <button_over>/media/fbe/top/640x20_rollover001.jpg</button_over> <over_effect>2</over_effect> <ove

No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of

Blogクライアント『BlogWrite』の開発＆テスト＆アップデート情報をメインに、ブログやWebにまつわる技術的トレンドなどを扱う開発ブログです。 « Atom1.0配信フォーマット、実質的に完成 | メイン | RSS 2.0 と Atom 1.0 の比較 » 2005年07月16日 Googleマップの好きな場所に好きな文字で噴出しピンを立てる Googleマップの好きな場所に好きな文字で噴出しピンを立てる方法。 JavaScriptでページ内に埋め込むのとは別に、URLを人に送る時など。たいした事ではないのですが、人に説明する時に忘れそうなのでメモ代わりに。 追記：コメント欄参照！ 1．Googleマップの地図上で目的の地点をダブルクリック等で中心にもってきます。 ２．ページ右上の「このページのリンク」でURLを取得。（下記のようなアドレス） http://maps.google

アンダースコアから始まるディレクトリー以外(直下のファイルも含む)を /html/user_data/packages/default/js/ckeditor/ に配置する。 /data/Smarty/templates/default/admin/design/main_edit.tpl <div> - <textarea name="tpl_data" rows=<!--{$text_row}--> style="width: 100%;"><!--{$arrPageData.tpl_data|escape|smarty:nodefaults}--></textarea> + <script type="text/javascript" src="<!--{$TPL_DIR}-->js/ckeditor/ckeditor.js"></script> + <textarea name="

DebugBar Home > Wiki > IETester :: Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11 :: ANNOUNCE: If you are an Adwords user, The IETester team is proud to announce its new tool: SunnyReports, a simple and efficient Adwords reporting tools IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of

概要 aDesigner（"エーデザイナー"）は、視覚障害者や高齢者にもアクセスしやすく使いやすいウェブページを作れるように、ウェブページ制作者を支援するツールです。 ウェブ・アクセシビリティとは、ワールド・ワイド・ウェブが誰にとっても、特に障害者や高齢者にとっても、簡単にアクセスできる（アクセシブルである）ことを指します。ウェブが生活に深く浸透してきている現在、ウェブ・アクセシビリティを確保することは、障害者や高齢者の生活の質の向上につながると言っても大げさではありません。また、米国におけるリハビリテーション法508条の施行（2001年）や、日本におけるJIS規格の制定（2004年）など、最近の社会環境の変化も、ウェブページ制作者に対して自分たちのウェブページをアクセシブルにすることを求めています。 IBMホームページリーダーのような音声ブラウザーは、ウェブページを読み上げるこ