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

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

Boilerform

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

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



  • anime.jsを使用したテキストエフェクト集「Moving Letters」
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • ブロックのアニメーションエフェクトが美しい「Block Reveal Effects」
  • CSSで実装するローディングアニメーション「Single Element CSS Spinners」
  • ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
RELATED POSTS
  • Web制作に役立つ素材をダウンロードできる「Freebies.ByPeople」
  • SVGでダミー画像を生成できるサービス「Placeholder pics」
  • 【JS】要素の切り替え時にアニメーションエフェクトを掛けられる「animateTransition.js」
  • Googleが公開した日本語ウェブフォント「Google Fonts + 日本語早期アクセス」
  • 【CSS】フォントサイズの単位を相対比較できる「PXtoEM.com」
  • ポリゴンスタイルのイメージやテクスチャを生成できるジェネレーターまとめ
RECENT POSTS
  • 無料で使えるフリーアイコン素材サイト15選
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
PICKUP
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • WordPressのおすすめテーマ19選【無料版・有料版】
  • CSSで簡単に作れるおしゃれな見出しデザイン20選