Skip to content
Previous Next

水星とは? Mercuryは惑星です。また、とてもクールな新しいシングルページCSSテンプレートでもあります。

Mercuryはシングルページのウェブサイトです。このデザイン手法は、密接に関連したコンテンツで構成された従来の3ページから6ページで構成されるようなサイトにとても効果的です。アーティスト、エンターテイナー、映画、作家、または一般的なレストランのパンフレットサイトが非常に効果的です。短期的なプロモーション、オファー、コンテスト用のランディングページもそうです。

Mercuryには、画像や吹き出しテキスト用にこのようなクールなハイライトボックスを作成するためのCSSクラスがあらかじめ設定されています。

Build Mercury sites instantly with an interface that installs inside Dreamweaver

Mercuryはデスクトップでもモバイルでも使えます。これだけでは物足りないというなら、見た目も非常に美しい。MercuryはCSSページ作成ツールです。つまり、Dreamweaverの中からアクセスできるPVIIインターフェイスを使って、Mercuryドキュメントを自動的に作成できるのです。

With Mercury you're always in control

ドキュメントを作成したら、ページパネルを追加したり、削除したり、順序を変更したりできる修正インターフェイスがあります。モディファイ・インターフェイスでは、アニメーションのスピードをいじったり、前後の矢印をループさせたりさせなかったりすることもできます。

Mercury main features or what makes Mercury more than your average single-page site

When you create a Mercury page, you get a single-page web site template that is not just attractively designed, but one that is also eminently usable and accessible. We looked at hundreds of single-page horizontal scrolling web sites and learned how to make one that avoids the most common functional problems. There is simply nothing you can find that matches the efficiency and excellence of Mercury.

Beautiful, Usable and Accessible with an interface that installs inside Dreamweaver

Mercuryは、角丸、影(内側と外側)、グラデーションなどの効果を、画像を使用せずに作成できる最新のCSS手法を用いてデザインされています。また、フォント埋め込み技術を使用して、見出しやメニューにカスタムフォントを表示することもできます。実際、Mercuryのロゴは純粋なテキストなので、気に入ったものがあれば、Dreamweaverを離れることなく、私たちのテキストをあなたのテキストに置き換えるだけでカスタマイズできます。効率的でブラウザフレンドリーな方法でモダンなCSSを使いこなす方法がわかります。

It's all in the details -we take the time to do it right so you don't have to worry about it

  • 固定幅のレイアウト、または訪問者のブラウザウィンドウのサイズに自動的に調整されるレイアウトを選択できます。

    Mercuryは、マウス、キーボード、ポインティングデバイス、タッチデバイス、スクリーンリーダーのいずれを使用しても、完全にナビゲート可能です。

    タブキーを使ってナビゲートし、次のページセクションのリンクに到達すると、システムが自動的にこれを検出し、そのセクションが完全に表示されるようにスクロールします。

    新しいページセクションにアクセスすると、ウィンドウがスムーズに上部に移動し、コンテンツが見落とされることはありません。

    前と次の矢印は、カーソルを合わせると自動的に次または前のページのタイトルを表示します。

    前と次の矢印は、ループするように設定することも、最初と最後のページセクションで停止するように設定することもできます。

    モバイルデバイスは自動的に検出され、デバイス固有の問題に対処するための特別なスタイルルールが提供されます。

 

CSS 3 support for the advanced CSS techniques used in mercury

Mercuryはプログレッシブ・エンハンスメントのコンセプトに基づいて設計されています。私たちはまず、すべてのコンテンツをすべてのデバイスで表示する整形式のコードから始めます。次に、角丸、埋め込みフォント、グラデーション、シャドウ、テーブルのようなカラム表示、透明度を持つRGBAカラーなどの視覚的な機能強化を提供するために、最新のブラウザの機能を活用する機能を追加します。下の図は、どのブラウザがこれらの機能をサポートしているかを示しています。

  Firefox Opera Safari iPhone iPad Chrome IE6 IE7 IE8 IE9
CSS Round Corners Y Y Y Y Y Y N N N Y
CSS Embed Fonts Y Y Y Y Y Y Y Y Y Y
CSS Gradients Y Y Y Y Y Y * * * *
CSS Shadows Y Y Y Y Y Y N N N Y
Dynamic Image Sizing Y Y Y Y Y Y Y Y Y Y
RGBA Colors Y Y Y Y Y Y N N N Y

*IE supports linear gradients via the proprietary DX Filter module