XHTML+CSSテンプレートが簡単に作成できるmarkupmaker

WEB制作でデザインが決まったら、今度はdivブロック要素にレイアウト割りします。各ブロック要素のセレクタ名を決めた後、このmarkupmakerを使えば、簡単にvalid XHTML文書を作成することができます。

XHTML+CSSテンプレートが簡単に作成できるmarkupmaker

各ブロック要素のセレクタ名を階層順に入力することで構造化されたXHTML文書とCSSコードが生成されます。あとは、コンテンツを入れ込んで、各ブロック要素でのCSS設定を行えばいいだけになります。

XHTML documentタイプも選択できます。かなり作業効率を向上することができると思います。かなり便利なツールです。


markupmaker
http://accessify.com/tools-and-wizards/developer-tools/markup-maker/
このaccessify.comサイト他にもいろんなツールを紹介しています。
List-o-matic
http://accessify.com/tools-and-wizards/developer-tools/list-o-matic/
階層構造でのCSSメニューなども簡単に作ることができます
HTML to JavaScript Convertor
http://accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/
HTML文書をdocument.write()をつかってのJavaScriptに変換してくれます。
Yes/No list creator
http://accessify.com/tools-and-wizards/developer-tools/yes-no-now/
フォームなどでYes/Noチェックボックスリストを簡単に作成することができます。
Insta-Select
http://accessify.com/tools-and-wizards/developer-tools/insta-select/
フォームなどで使うセレクターが簡単に作成することができます。

他にもまだあります。developer toolsページにて各ジェネレーターが表示されます。

トラックバック(0)

このブログ記事を参照しているブログ一覧: XHTML+CSSテンプレートが簡単に作成できるmarkupmaker

このブログ記事に対するトラックバックURL: http://weblibrary.s224.xrea.com/x/mt/mt-tb.cgi/152

コメントする

アイテム

  • ff-logo-big

    ff-logo-big: firefoxロゴ

  • fmtube_image

    fmtube_image: fmtubesキャッチイメージ

  • mock.jpg

    mock.jpg: fm+tubesのモックページ(デザインレイアウト)。最終的にはこのスタイルでマルチブログで展開してみる構想。

  • mtdeinfo

    mtdeinfo: Movabletypeを勉強するならこのサイト。サンプルファイルもあって、情報も探しやすいです。とてもきれいに情報表示されていて、とても参考になります。

  • mytumblr

    mytumblr: 個人の趣味でのtumblrです。女性のポートレートなんかがおおいです

  • caputure_contextmenu

    caputure_contextmenu: tumblr caputureを右クリックコンテキストメニューで選択する

  • tumblrgallery

    tumblrgallery: tumblrを使ってWEBデザインGalleryを簡単に作ってみました。

  • psdtuts

    psdtuts: http://psdtuts.com/のイメージ画像

  • designflavor.

    designflavor.: http://www.designflavr.com/のイメージ

  • entrymain_template

    entrymain_template: ブログ記事の概要は、インデックステンプレート、ブログ記事のリスト(アーカイブテンプレート)、検索結果(システムテンプレート)の3つのテンプレートで共通に使われています。それぞれのテンプレートでの表示内容の違いをイメージに表してみました。

このブログ記事について

このページは、スカイが2006年10月 7日 23:15に書いたブログ記事です。

ひとつ前のブログ記事は「Uniqro.com-シンプルでカッコイイ」です。

次のブログ記事は「MovableTypeでGoogle Blog SearchにPING送信」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。