フリーソフトの樹

おすすめのフリーソフトや、知っていると便利な無料サイトなど、パソコンを楽しむ情報を幅広い分野で紹介しています。

おすすめフリーソフト
(673)
便利な無料サイト
(1240)
おもしろいサイト
(968)
Windowsの小技
(27)
ちょっと便利な小技
(29)
気になる情報
(80)
おもしろ動画
(1)
未分類
(23)
スポンサードリンク
バージョンアップ情報

PICKUP 無料サイト

ソフトコレクション

最新のフリーソフトを見つけられる多機能サイト


サーバー監視

無料で自宅サーバーを監視してくれるサイト

PICKUP フリーソフト

TeamViewer

事前設定しないでサクサク遠隔操作できるソフト


インフォメーション

シンプルでも多機能なスケジュール管理ソフト


PDF-XChange Viewer

タブに対応した軽量PDFビュワー


フォルダ監視

プログラム起動もできるファイル監視ソフト


MPC-BE

コーデックを内蔵した高機能メディアプレイヤー


WinMerge

テキストファイルの異なる場所を探す際に便利なソフト


Alcohol 52%

無料のCD-ROM仮想ドライブ

メールフォーム

フリーソフトなどのツール紹介、おもしろネタや無料情報の配信など、関連するサイトで相互リンクを希望される方は、件名に「相互リンク希望」と記入の上サイトのURLをご連絡下さい。

名前:
メール:
件名:
本文:

※サイトの内容によってはお断りさせていただく場合もございますのでご了承下さい。


Web上でブロックレイアウトができるHTML/CSSコード生成サイト
ツイート ツイートこの記事をはてなブックマークに追加する 2011/11/16
今回はWeb上でブロックで構成されたデザインをレイアウトし、HTMLソースを生成することができるサイト「Layzilla」を紹介します。

Layzilla
スポンサードリンク
 
Layzilla」は、Web上でブロックを追加していく要領でページをレイアウトし、HTMLソースやCSSコードを生成することができるサービスです。

サイト左上の歯車のアイコンから「Add new block」をクリックするとページにブロックを追加することができ、ドラッグしてサイトの上下左右に配置します。

ブロックの幅は境界線をマウスでドラッグして調整することができ、歯車アイコンからブロックの色などをステータスを変更することができます。

レイアウトができあがったらサイト右上の「Generate HTML/CSS code」をクリックするとWeb上でレイアウトしたHTMLソースとCSSコードを取得することができます。

「TABLE」タグを使わないコードが生成されるのが良いですね。

Layzilla


参考 : ブラウザ上で複雑なレイアウトが作れる「Layzilla.com」 - phpspot開発日誌

●関連記事
Excelの表からシンプルなHTMLソースを生成できるサービス
クールなCSSフレームをマウス操作で生成できるサービス

Layzilla : http://www.layzilla.com/
関連記事

 この記事をはてなブックマークに追加する はてなブックマーク


スポンサードリンク



●前の記事
パソコンでiPhone風のWebブラウジングを楽しめるフリーソフト

●次の記事
2つのフォルダの差分のみをコピー、移動できるフリーソフト

●この記事に対するトラックバック
トラックバックURL(管理者が承認後表示されます)
iPhoneやAndroid携帯でも
見られる様にしてみました。
このブログの管理人

のこのこ

Author : のこのこ

ちょっと変わった視点からネット上の情報を配信していけたらと思っています。少しでも皆さんの新しい発見のお手伝いができればうれしいです。

@freesoftnoki

最近のおすすめリンク

PICKUP 無料ゲーム

Hexcelle

六角形のパーツでパワーアップするシューティングゲーム


StepMania

パソコンで遊べるダンスダンスレボリューション風ゲーム


Shift3

ステージの上下を反転させて出口を目指すパズルゲーム


MotherLoad

ポッドをアップグレードしながら地中の鉱石を集めるゲーム

リンクフリー


当サイトはリンクフリーです、事前事後問わず連絡していただく必要はありません。