Niceformでエレガントなフォーム生成
2006年04月18日-
スポンサード リンク
badboy.media.design :: articles :: Niceforms
Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web.
配布されているJavascriptのファイルとCSSファイルを読み込むだけで、フォームデザインが早代わり。
HTMLに組み込む例)
<script language="javascript" type="text/javascript" src="niceforms.js"></script>
<style type="text/css" media="screen">@import url(niceforms-default.css);</style>
このフォームが・・・
↓
こんな感じに。
これは素晴らしいです。
カスタマイズ次第で、Windows上のフォームでありながら、MacOS X 風のクールなフォームにも出来そうですね。
追記: <div id="stylesheetTest"></div>を入れないと正しく動作しないようです>報告して頂いたitaさんありがとうございます
関連の記事検索:JavaScript, Web制作
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 過去のエントリ