这是FROONT的

With FROONT creating responsive websites is visual.
Check out how this website looks on different devices by clicking on the ruler above.
流体性质的网络
Responsive design means design for various devices and screen sizes,  therefore your layouts must work well across all of them. In FROONT your canvas is fluid and all units are relative so your design adapts to the screen size nicely.
围绕内容设计
Content is the main part of your website and in responsive webdesign it makes sense to start with type. In FROONT fonts are rendered exactly the same way as users will see it.
See what you are designing
网页设计是很难的! 我们的目标是,以加快响应网页设计原型阶段 - 测试你的假设尽快更侧重于实际设计中,而不是重复编码。 

观看我们的视频教程

了解一些背后的基本原理FROONT和HTML
Click on the video or watch it in a new window

Add some content yourself

Take FROONT for a test drive and add some content yourself! It is very easily to do – find an image on your desktop and simply drag it over existing content below:

Upload a bitmap image by dragging it over placeholder above – anything in JPG, PNG on GIF format will do.

Upload a Scalable Vector Graphic (SVG). You can create one simply by saving a shape as SVG out of Illustrator or any vector editing software you like.

Share!

This website is alive! Go and check it out by using the URL! Everything you create is automatically saved and instantly accessable from any device. Test your designs right away, share them with friends and clients.

FEEDBACK & SUPPORT
Copyright © 2013  FROONT Ltd

All rights reserved.
181 Fremont St.
San Francisco, CA 94105