○ひno-teは、HTML・CSS・JavaScriptを中心に、Web制作ですぐに使えるサンプルコードを紹介しているサイトです。
実際の動作をデモで確認しながらコードをコピーできるようにし、「作りたいUIを見つけて、すぐに試せる」ことを大切にしています。
ボタンやフォームなどの基本的なパーツから、アコーディオン、モーダルウインドウ、ドロワーメニュー、カルーセルなど、Webサイトでよく使われるUIを幅広く掲載しています。
○ひno-teについて
Web制作では、「この動きを実装したい」「このUIだけすぐに使いたい」と思っても、必要なコードを探したり、自分のサイトに合わせて書き直したりするのに時間がかかることがあります。
○ひno-teでは、そうしたときに役立つよう、できるだけ分かりやすくシンプルなサンプルコードを掲載しています。
各記事では、実際の動作を確認できるデモとHTML・CSS・JavaScriptなどのコードを掲載し、ファイルの構成や設置方法についても解説しています。
掲載している内容
当サイトでは、主にWebサイトのUIや機能を作るためのサンプルコードを掲載しています。
- HTML・CSSを使ったUIパーツ
- JavaScriptを使ったクリック・開閉・切り替えなどの動作
- フォームや入力欄などのWebパーツ
- レスポンシブ対応のサンプル
- PHPなどを使用したWeb機能
- HTML・CSS・JavaScriptを自動生成できる作成ツール
同じUIでも、表示方法や動作、デザインなどが異なる複数の実装例を掲載しています。目的に合ったサンプルを探して利用できます。
サンプルコードについて
掲載しているサンプルコードは、コードの内容を確認しやすく、必要な部分を編集しやすい構成を心がけています。
利用する環境やブラウザ、既存のCSS・JavaScriptなどによって動作が異なる場合があります。実際のWebサイトで使用する前に、ご自身の環境で十分に動作確認を行ってください。
当サイトに掲載しているサンプルコードの利用は、利用者ご自身の責任でお願いいたします。サンプルコードの利用によって生じた損害やトラブルについて、当サイトでは責任を負いかねますので、あらかじめご了承ください。
サンプルコードの利用について
当サイトで公開しているサンプルコードは、Web制作や学習、カスタマイズなどにご利用いただけます。
サンプルコードを利用する際は、必要に応じてご自身のWebサイトや制作環境に合わせて内容を変更してください。
外部サービス、外部ライブラリ、画像、その他の第三者が権利を有するコンテンツを利用している場合は、それぞれのサービスやコンテンツに定められた利用条件・ライセンスをご確認ください。
掲載内容について
当サイトでは、できる限り正確で分かりやすい情報を掲載するよう努めていますが、掲載内容の正確性、安全性、完全性、最新性、すべての環境での動作を保証するものではありません。
ブラウザやWeb技術の仕様変更、外部サービスの変更などにより、掲載時点とは動作や表示が異なる場合があります。
必要に応じて記事やサンプルコードの内容を見直し、追加・修正を行います。
運営について
○ひno-teでは、掲載済みの記事の見直しや、新しいサンプルコード・Web制作ツールの追加を行いながら、Web制作で役立つ情報を継続的に掲載していきます。
掲載内容についてお気づきの点や不具合、ご意見などがありましたら、お問い合わせページよりご連絡ください。