PHP/Ajax/JavaScript/CSS/デザイン等のWEB開発に関する最新技術情報をお届け
前の記事 ≪‥画像にクールなアニメーションするホバーエフェクトを作るCSS3チュー...
次の記事 ≫‥マウス位置に応じてタイポグラフィを変化させるHTML5サンプル
ブラウザ上で複雑なレイアウトが作れる﹁Layzilla.com﹂
2011年11月15日-
スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
HTML layout generator - Layzilla.com
ブラウザ上で複雑なレイアウトが作れる﹁Layzilla.com﹂
空白のキャンバスにボタンをポチポチ押していってドラッグ＆ドロップすることでレイアウトをどんどん組み立てられます。
レイアウトを配置した例。それぞれ、ふちをドラッグすればリサイズ可能
終わったらソースコードをジェネレート
次のようなそこそこ綺麗なHTMLが出力できます。
勿論、CSSも出力できます。
関連エントリ
●複雑なCSSレイアウトをウェブ上で簡単に作成できる﹁The 1Kb CSS Grid﹂
●レイアウト作成に役立つCSSグリッドレイアウトジェネレーター集
関連の記事検索‥Webデザイン, webサービス, レイアウト, Web制作
スポンサード リンク
By.KJ : 2011年11月15日 10:04 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)
TOPICS OF THIS BLOG
jQuery Photoshop PHP HTML5 CSS JavaScript デザイン Webサービス アイコン WordPress フォント
分類一覧
Advertisements
忘却曲線に基づく記憶アプリ﹁reminDO﹂
占いツクールで簡単占い作成
プログラマ占い
脳内メーカー等
phpspotにて広告掲載
SITE PROFILE
Twitterはじめました
最新のブログ記事(新着順)
●TailwindCSSなサイトで使える100以上のアニメーションエフェクト﹁animata﹂ 
●SVG形式のテック系企業のロゴを簡単にゲットできる﹁Svgl﹂ 
●統一感のある色味を一括生成できるツール﹁The good colors﹂ 
●くちばしフォント︻商用可︼ 
●小説表紙などに使えそうな商用可なフォント﹁になロマン﹂ 
●筆で書いたようなカナ書体﹁筆竹仮名B﹂ 
●無料・商用利用可な丸文字ピクセルフォント﹁マルミーニャＭ﹂ 
●スペースコブラ風フォント 
●Next.jsのVercelから商用利用可能なフリー汎用フォント﹁Geist Font ﹂ 
●無料で使えるいい感じの日本語フォント﹁しっぽり太ゴシック﹂ 
●過去のエントリ
|
↑ページの先頭へ |
プライバシーポリシー |
お問い合わせ |
copyright © phpspot開発日誌
前の記事 ≪‥画像にクールなアニメーションするホバーエフェクトを作るCSS3チュー...
次の記事 ≫‥マウス位置に応じてタイポグラフィを変化させるHTML5サンプル
