LIQUID CODING

リキッドコーディング

リキッドコーディング

Webページを表示するブラウザの横幅に合わせて
コンテンツの表示サイズも変更される手法

リキッドコーディングの特徴

デバイスやブラウザの変動に対応しやすい

POINT .01

デバイスやブラウザの変動に対応しやすい

それぞれのデバイスのディスプレイの幅に影響を受けず、画面サイズに合わせて、相対的または可変的に調整されるので、色々なデバイスでWebページを利用してもらうことが可能です。

各画面毎に「最適化」

POINT .02

各画面毎に「最適化」

リキッドレイアウトであれば、どんな画面幅でもフルにコンテンツを載せることも可能です。反対に画面幅が狭い場合でも、横スクロールが発生しないでコンテンツを閲覧できるので、ユーザビリティに優れた設計です。

レスポンシブコーディングと併用が可能

POINT .03

レスポンシブコーディングと併用が可能

レスポンシブコーディングではメディアクエリを用いて画面サイズ別の表示要素の切り替えを行います。リキッドレイアウトと組み合わせることにより、より最適な画面レイアウト構成を行うことが出来ます。

JavaScriptは、
内容によって無料でご提供いたします!

魅力的なWebサイトに必要な最新の技術をご提供いたします。
こんな動きがほしい、モダンなサイトを構築したい等、お客様のご要望をぜひお聞かせください。
この他にも柔軟に対応することが可能ですので、ぜひ一度担当者までお問い合わせください。

スライドショー

スライドショー

カルーセル

カルーセル

アコーディオン

アコーディオン

タブ切り替え

タブ切り替え

ライトボックス

ライトボックス

スムーススクロール

スムーススクロール

header固定

header固定

バリデーション

バリデーション

デザインデータの入稿形式について

Adobe XDをはじめ、Adobe Photoshop、Adobe Illustrator にてご入稿が可能です。
その他のデザインデータでもご入稿が可能な場合がございますので、お気軽にお問い合わせください。

  • XD

    XD

  • photoshop

    Photoshop

  • illustrator

    Illustrator

※ デザインデータの入稿形式がAdobe Illustratorの場合は別途1ページにつき
¥5,500(税込)の費用が必要になります。

対応OS・ブラウザについて

Microsoft Edge,Mozilla Firefox ,Google Chrome ,Safariの最新バージョンを対象としています。
旧バージョンやInternet Explorerをご希望の場合はご相談ください。

  • Edge

    Edge

  • Firefox

    Firefox

  • Chrome

    Chrome

  • Safari

    Safari

コミュニケーションツール
について

初回のお問い合わせ以降は、下記のコミュニケーションツールでディレクターとのやりとりが可能です。
その他のツールをご希望の場合はご相談ください。

  • Mail

    Mail

  • Chatwork

    Chatwork

  • Teams

    Teams

  • Slack

    Slack

  • LINE WORKS

    LINE WORKS

PRICE

料金プラン

arrow

CONTACT US

お問い合わせ

サービスに関するお問い合わせや、その他お見積もり
・ご相談などお気軽にご相談ください 👍

お電話でのお問い合わせ

078-945-8485

平日 10:00〜18:00 (年末年始・祝日を除く)

専用フォームでのお問い合わせ

お見積もり・ご相談はこちら

その他のお問い合わせ