LOGO
  • naname sample
  • btn sample
  • 資料請求
  • 来場予約
  • Basic
    • G_Navいろいろ
    • font_famiry
    • font_size
    • カーニング
    • インデント
    • CSS 何番目
    • CSSセレクタ一括指定
    • scroll_overlay(ソース短縮)
    • scroll_overlay(ソース原本)
    • anime
    • 命名規則
  • inview
    • Basic
    • スクロールでPAGETOP表示
    • イーステ
    • parallax
    • parallax(SP対応-01)
    • parallax(SP対応-02)
    • parallax(SP対応-オブジェクト-01)
    • parallax(SP対応-オブジェクト-02)
  • Youtube
    • Youtube
    • 背景
    • 背景-tubular_type01
    • 背景-youtube_api_(SP自動再生)
    • 背景-iflame
    • Youtube(自動再生)
  • Javascript
    • settimeout
    • トグル/grid
      • トグル_01
      • トグル_02
    • htaccess
    • パスワード入室
    • リンク先にファイルがない場合
    • UAで振り分け
    • ヘッダー固定
      • ヘッダー固定_01
      • ヘッダー固定_02
    • カレントカテゴリをactiveに
    • add_classによるコンテンツ切り替え
    • クリッカブルマップ
    • absolute_height
    • google_map
    • has_class
    • parts
  • CSS
    • コンテンツ幅を超えて左右いっぱいに伸ばす
    • PC/TAB/SP/SP-S
    • 上下中央(リアルタイム)
    • 要素内に画像中央トリミング
    • marginとtop(ネガティブの違い)
    • 高さ取得/grid
      • 高さ取得/grid_01
      • 高さ取得/grid_02
    • 画面サイズで文字縮小
    • コンテンツ背景斜め
    • svg
      • SVG TEST
      • TweenMax
      • svg(旬な暮らし)
    • parts
      • btn
      • layout_parts
      • ttl
      • フォーム
      • フォーム(mailformpro_4.2.4)
      • フォーム(4.2.4説明書)
      • フォーム(example_4.2.4)
  • スライダー
    • basic
      • slider_pro
      • swiper
      • slick
      • slick(サブ扱い)
      • slick(SPのみ)
    • fade_anime
      • slick(石神井)
      • slick(五条)
      • slick(PLAYボタン)
        move on/offで2画面用意
      • slick(PLAYボタン)
        slick内で完結
      • slick(SKIPボタン)
        move on/offで2画面用意
      • slick(SKIPボタン)
        slick内で完結
      • css_only(PLAYボタン)
        move on/offで2画面用意
      • css_only(SKIPボタン)
        move on/offで2画面用意
      • fade_opacity テスト
    • fade_zoom
      • slick
      • css_only
      • orignal_js
      • fade_opacity テスト
    • サムネイル付き
      • slider_pro(サム別)
      • swiper(サム別)
      • slick(dotで代用)
      • fotorama(サム流用)
      • css_only(サム別)
    • ループ
      • infiniteslide
      • simplyscroll(再生・停止ボタン付)
      • kinetic
      • orignal_js
    • カルーセル
      • slick_01
      • slick_02
      • slider_pro
  • LINK
    • 実体参照変換
    • グラデーションCSS
    • RGBA変換ツール
    • ボタンジェネレーター
    • ボックスシャドウ
    • アイコン素材-01
    • アイコン素材-02
  • cssだけでズームしながらふわっと切り替わるスライドを作る
SCREEN SIZE
  • window.innerWidth
  • document.documentElement.clientWidth
  • $(window).width()
  • window.innerHeight
  • document.documentElement.clientHeight
  • $(window).height()
  • header_Height

※掲載のイメージイラストは図面を基に描き起こしたもので、多少異なる場合、または変更となる場合がございます。掲載のイメージイラストは図面を基に描き起こしたもので、多少異なる場合、または変更となる場合がございます。

※雨樋、吸気口、スリーブ等、一部再現されていない設備機器がございます。また、外壁タイルなどの表現を一部省略しています。予めご了承下さい。雨樋、吸気口、スリーブ等、一部再現されていない設備機器がございます。また、外壁タイルなどの表現を一部省略しています。予めご了承下さい。

  • btn sample
PAGE TOP
Copyright © COMPANY_NAME CO.,LTD.
All Rights Reserved.
  • Basic
    • G_Navいろいろ
    • font_famiry
    • font_size
    • カーニング
    • インデント
    • CSS 何番目
    • CSSセレクタ一括指定
    • scroll_overlay(ソース短縮)
    • scroll_overlay(ソース原本)
    • anime
    • 命名規則
  • inview
    • Basic
    • スクロールでPAGETOP表示
    • イーステ
    • parallax
    • parallax(SP対応-01)
    • parallax(SP対応-02)
    • parallax(SP対応-オブジェクト-01)
    • parallax(SP対応-オブジェクト-02)
  • Youtube
    • Youtube
    • 背景
    • 背景-tubular_type01
    • 背景-youtube_api_(SP自動再生)
    • 背景-iflame
    • Youtube(自動再生)
  • Javascript
    • settimeout
    • トグル/grid
      • トグル_01
      • トグル_02
    • htaccess
    • パスワード入室
    • リンク先にファイルがない場合
    • UAで振り分け
    • ヘッダー固定
      • ヘッダー固定_01
      • ヘッダー固定_02
    • カレントカテゴリをactiveに
    • add_classによるコンテンツ切り替え
    • クリッカブルマップ
    • absolute_height
    • google_map
    • has_class
    • parts
  • CSS
    • コンテンツ幅を超えて左右いっぱいに伸ばす
    • PC/TAB/SP/SP-S
    • 上下中央(リアルタイム)
    • 要素内に画像中央トリミング
    • marginとtop(ネガティブの違い)
    • 高さ取得/grid
      • 高さ取得/grid_01
      • 高さ取得/grid_02
    • 画面サイズで文字縮小
    • コンテンツ背景斜め
    • svg
      • SVG TEST
      • TweenMax
      • svg(旬な暮らし)
    • parts
      • btn
      • layout_parts
      • ttl
      • フォーム
      • フォーム(mailformpro_4.2.4)
      • フォーム(4.2.4説明書)
      • フォーム(example_4.2.4)
  • スライダー
    • basic
      • slider_pro
      • swiper
      • slick
      • slick(サブ扱い)
      • slick(SPのみ)
    • fade_anime
      • slick(石神井)
      • slick(五条)
      • slick(PLAYボタン)
        move on/offで2画面用意
      • slick(PLAYボタン)
        slick内で完結
      • slick(SKIPボタン)
        move on/offで2画面用意
      • slick(SKIPボタン)
        slick内で完結
      • css_only(PLAYボタン)
        move on/offで2画面用意
      • css_only(SKIPボタン)
        move on/offで2画面用意
      • fade_opacity テスト
    • fade_zoom
      • slick
      • css_only
      • orignal_js
      • fade_opacity テスト
    • サムネイル付き
      • slider_pro(サム別)
      • swiper(サム別)
      • slick(dotで代用)
      • fotorama(サム流用)
      • css_only(サム別)
    • ループ
      • infiniteslide
      • simplyscroll(再生・停止ボタン付)
      • kinetic
      • orignal_js
    • カルーセル
      • slick_01
      • slick_02
      • slider_pro
  • LINK
    • 実体参照変換
    • グラデーションCSS
    • RGBA変換ツール
    • ボタンジェネレーター
    • ボックスシャドウ
    • アイコン素材-01
    • アイコン素材-02