Mac用Webデザインアプリで、パワーとアクセシビリティの理想的な組み合わせを提供するものは一つもありません。しかし、Rage SoftwareのEverWebは、他のアプリよりもその理想に近づき、最小限の手間で魅力的で便利なサイトを構築できます。
快適に動作するWebデザインアプリ
EverWebのシンプルなインターフェースは、必要な時にすぐにアクセスでき、不要な時には邪魔にならないようになっています。中央のレイアウトウィンドウの左側にはサイト構造、画面下部にはツールバー、右側には個々の要素を調整するための複数のタブを持つインスペクタパネルが配置されています。
EverWeb のすっきりした論理的なインターフェースにより、必要な場所にすべてが配置されます。
EverWebには、モダンで完全に編集可能なテンプレートが多数用意されており、それぞれに複数のページタイプとモバイル版が用意されています。また、非常にパワフルなレイアウトエンジンを使って、サイトをゼロから構築することも可能です。ただし、レイアウトを整理するために、調整可能なガイドやグリッドがあれば良いなと思うこともありました。マスターページ機能を使って、サイトの全ページに共通のヘッダーと(最初は少し戸惑い、ヘルプファイルも確認しましたが)フッターを作成しました。
EverWeb は全幅のデザイン要素もサポートしていますが、他のオブジェクトと中央揃えにするのは難しいです。このプログラムは、自身のウィンドウではなくモニターの中央を基準に表示位置を調整するため、要素が片側に寄りすぎてしまいます。
それでも、EverWebは私を妨害するよりも、むしろ助けてくれたように感じました。豊富でよくできたチュートリアルビデオのおかげで、それほど難しくない学習曲線をさらに緩やかにし、検索可能なオンラインナレッジベースにはさらに多くの答えが待っています。
シンプルな見た目、驚きの奥深さ
EverWeb には、極めて精密な CSS スタイル設定が欠けています。均一なボーダー、パディング、ドロップシャドウを適用でき、CSS ベースのシェイプではロールオーバーの状態に応じて色を調整できるため、ボタンの作成に便利です。しかし、オブジェクトの個々の側面のスタイルを微調整したり、カスタム CSS クラスを作成・管理したり、デフォルトのリンクやシェイプの色以外にサイト全体のスタイルを調整したりすることはできません。
EverWeb にはブログサポートが組み込まれていませんが、ヘルプビデオでは将来のバージョンでサポートされると約束されています。また、多くのライバルと同様に、EverWeb は HTML テーブルや箇条書きリストに対応していません。これらのコードは自分で書かない限り、対応していません。
それでも、EverWebが提供するドラッグ&ドロップウィジェットは驚くほど強力で直感的です。わずか数秒で、見栄えの良いフォトギャラリーと魅力的な画像スライダーを作成し、Googleマップを配置し、お問い合わせフォームを作成し、テストページにHTML5オーディオとYouTube動画を埋め込むことができました。ブラウザで表示すると、すべて完璧に動作しました。
EverWeb は正確な CSS スタイル設定を提供していませんが、それでも洗練されたモダンな外観のサイトを作成するには十分なオプションを備えています。
EverWebのCSSメニューウィジェットは、ある程度までは非常にうまく機能します。サイトの構造に基づいて自動的に更新され、リストに表示したくないページは簡単に除外できます。少し手間をかければ、メニューの外観、間隔、ロールオーバーの動作をそれぞれ調整できます。ただし、メニューは横並びで最適に表示されるように設計されているため、オプションを縦の列に詰め込むことはできますが、ドロップダウンサブメニューは後続のリンクの上に重なって不格好に表示されてしまいます。また、モバイルページでは、メニューを省スペースのアイコンに縮小することもできません。
PayPalウィジェットには特に感銘を受けました。PayPalのインフラにスマートに連携し、そこそこ充実した機能を備えたオンラインストアを構築できます。これほど強力なeコマース機能を提供する競合プログラムはほとんどなく、提供している数少ないプログラムも追加料金がかかります。
EverWebのサイトでホストされている、またはリンクされているウィジェットは他にもたくさんあります。多くのウィジェットは無料ですが、種類や機能別にまとめられた6ドルのパックで販売されているものもあります。
EverWebは、驚くほどシンプルなアセット管理でも高く評価されています。画像、PDF、電子書籍などのファイルをアセットライブラリに直接ドラッグ&ドロップし、背景やリンクとして簡単に利用できます。サイトを公開する準備ができたら、EverWebがFTP経由でアップロードするか、ファイルをエクスポートして他の場所にアップロードするか、EverWeb独自の統合ホスティングサービス(年間料金は基本購入価格に含まれていません)に送信します。
豊富な既成ウィジェットが用意されており、それぞれ簡単にカスタマイズできるので、フォトギャラリーや画像スライダーなどを活用してサイトを強化できます。
解決できるはずだ
EverWeb は、限界に達した場合でも、しばしばその回避策を立派に提供しようとします。結果は目を見張るほどではありませんが、十分に機能します。
例えば、ウェブセーフフォントの組み込みリストはなく、独自のフォントを追加する簡単な方法もありません。しかし、EverWebは、既にコンピューターにインストールされているGoogle Fontsを有効にするために必要なコードを追加してくれるほど賢いです。(EverWebではGoogle Fontsの表示がおかしく、ブラウザよりもテキストボックスの上部から下の方に表示されることに気づきました。しかし、この癖に気づけば、デザインをそれに合わせて調整できます。)
このプログラムのヘルプ サイトには、EverWeb のアセット ライブラリとカスタム ヘッダーおよびフッター コードを使用して、サードパーティの Web フォントをデザインに組み込むための手順ごとの説明へのリンクもあります。これは少し余分な作業ですが、ほとんどのライバルが提供できるものよりははるかに優れています。
EverWeb では、調整可能なブレークポイントやその他のレスポンシブ デザイン機能は提供されていませんが、前述のモバイル対応テンプレートと、ページをモバイル版にリダイレクトする簡単なオプションが提供されています。
モバイルユーザーに対応するには、追加のページを作成する必要があり、サーバー容量と帯域幅を余分に消費します。また、EverWebはサイトがサーバーのディレクトリ構造の最上位にあることを前提としています。サイトが数フォルダ下の階層にある場合、リダイレクト機能が機能しなくなり、リストから名前を選択するのではなく、各モバイルページの完全なアドレスを手動で指定する必要があります。
この基本的なサポートでも、ないよりはましです。他のアプリでレスポンシブデザインを設定しようとした経験と比べると、ここで専用のモバイルページを構築する方がずっと簡単で、ストレスも少ないと感じました。
デザインする際には、一部のフォントがブラウザ上では EverWeb とまったく同じように表示されない場合があることに留意してください。
サンプルサイトのデスクトップ版とモバイル版の両方を構築するのに、合計約12時間かかりました。EverWebのコードは、各ページでCSSスタイルシートとJavaScriptコードが重複していたため、ファイルサイズと読み込み時間が増加し、あまりすっきりとしたものではありませんでした。しかし、EverWebの開発者によると、バージョン1.9では、よりスマートで洗練されたコーディングが追加されるとのこと。
結論
EverWebは、全てが完璧というわけではありません。しかし、十分な機能を備え、しかも非常にユーザーフレンドリーで配慮のある方法で提供しているため、私が試したウェブアプリの中では最も気に入っています。プロのデザイナーはもっとパワフルなプログラムを求めているでしょうし、全くの初心者には、よりシンプルでも優れた結果が得られる代替手段があります。その中間の方には、ぜひEverWebを試してみてください。