ヘッダー・コニファロゴ
ヘッダー・コニファロゴ2
コニファ・シンボルキャラクター
カテゴリー:サーバー、web、ネットワーク関連



株式会社コニファ・無料で使えるBtoB WEB受注システム・0万石 WEB受注システム(バナー用3)
無料で使えるBtoB WEB受注システム,0万石受注システム,0円,Free
無料で使えるBtoB WEB受注システム
0万石 WEB受注システム

使える無料のwebサービス17:インスタントCSSコード

新しくwebサイトを作る際、できあいのファイルをコピーペーストして作成することがよくありますが、思わぬコードが潜んでいて、不具合の原因を突き止めるために余計に時間がかかったりということも稀にあります。
もっとも安全に作業を進めるためには、まっさらな状態から作ることになります。しかし、DOCTYPEやmetaタグ、charsetの指定、CSSのリンク、javascriptのリンクなど、いちいち記述していくのはとても面倒なことです。そこで、いくつかたたき台になるテンプレートを作っておくことになりますが、そのテンプレート作りを簡単に無料でジェネレートしてくれるのがこのサービスです。

ジェネレートといっても、他のCSSジェネレーターと違って、細かいCSS部品を作ってくれる訳ではなく、基本になるファイルの最小構成のみになります。日本語は使えませんが、HTMLやPHPの基本のみなので、CSSがある程度理解できる人ならば問題なく利用できます。

Instant CSS Code - Create a web project framework in seconds.

 http://instantcsscode.com/
解説画像

使い方はごく簡単
  • 右カラムの上から、プロジェクト名を記入し、DOCTYPEや使用するjavascriptのライブラリー、javascriptのライブラリーの圧縮の要否、htmlかphpなどの拡張子、センタリングしたwrapperの要否、キャラクターセットをそれぞれ選び、最後に使用する主要なID名などを記述しておきます。記述は1行に1つずつのID名。
  • 上の画像では見えませんが、もう少し下にスロールすると、右カラム下に[Submit]ボタンがあるので、それを押します。
  • すぐにページが切り替わり、[Download]ボタンが現れますので、それをクリック。
  • 必要な最小限のファイルを内包したフォルダがダウンロードされます。下左図はデスクトップ上にダウンロードしたフォルダ(Mac OS10.6)。下右図はそのフォルダを開いたところ。
解説画像2
  • cssフォルダを開くと、style.css、reset.css、print.cssの3種類のcssファイルが、
    jsフォルダを開くと、jquery.js(今回の場合)がそれぞれ入っています。
  • index.htmlのソースは以下のようになっています。lang="en"を"ja"に変更します。


※このページで紹介しているサービスなどの利用は、すべて使用者ご自身の責任でお願いします。




 

戻るボタン
Copyright© 2019 Conifer,Inc. All rights reserved.