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

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

Boilerform

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

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


  • ギザギザボーダーを作れるジェネレーター「CSS Jagged Border Generator」
  • イメージを見ながら学べるCSS GRIDのチートシート「GRID」
  • バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
  • CSSアニメーション制作に役立つライブラリ・ツール14選
  • 【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」
RELATED POSTS
  • Web制作に役立つChromeおすすめの拡張機能11選
  • 【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」
  • 【jQuery】レスポンシブ対応のスライダー「Glide.js」
  • 世界の国旗をCSSとdivのみで実装する「CSS Flags」
  • 【jQuery】いろんなエフェクトの背景画像カルーセル「Crosscover」
  • アプリ・Web制作で必要な要素をチェックできる「Checklist Design」
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • 無料で使える日本語・英語のかわいいフリーフォント20選
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選
  • 画像の人物を自動で切り抜きしてくれるWebサービス「remove.bg」
RECENT POSTS
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」
  • CSSでよく使うレイアウト・パターンをまとめたサイト「CSS Layout」
  • Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
  • マルチカラーグラデーションのコードをコピーできる「gradienta」