入力フォームを実装するためのテンプレート「Boilerform」

 
入力フォームで必要な要素をHTMLとCSSのテンプレートにまとめた「Boilerform」の紹介です。お問い合わせフォーム・クレジットカード入力フォーム・エントリーフォーム等、様々なフォームに対応したテンプレートです。

Boilerform

See the Pen Boilerform: Contact form example by Andy Bell (@hankchizljaw) on CodePen.

デモではフォームの様々なパターンをコピペして使用することができます。



  • キレイなアニメーションのCSSスピナーコレクション「Epic Spinners」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」
  • SVGの背景パターンを手軽に作れるジェネレーター「SVG Backgrounds」
  • CSSで出力する三角形ジェネレーター「CSS Triangle Generator」
  • 【jQuery】プレースホルダにアニメーションを実装できる「FoxHolder」
RELATED POSTS
  • Web制作に役立つChromeおすすめの拡張機能11選
  • 様々なホバーエフェクトを実装できる「imagehover.css」
  • 【jQuery】いろんなエフェクトの背景画像カルーセル「Crosscover」
  • 【jQuery】チルトホバーエフェクトを実装できる「Tilt.js」
  • レスポンシブのチェックに役立つサービス「Resizer」
  • 10年前の有名サイトを振り返ることができる「Ten Years Ago」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • Photoshopで画像を切り抜くテクニック【初心者向け】