Responsive Site Designer1.2

Create stunning website designs that look fantastic and are easy to use on any device

No layout or template limitations. No code. Responsive Site Designer is 100% design freedom

icono Responsive Site Designer

Only... ¡129.00$!

Try it!


To cart!

Buy now!

RSD

  • Features a width slider and custom breakpoints for creating device-agnostic websites.
  • Presents a familiar front-end workflow with custom classes & IDs.
  • Offers the full design capabilities of CSS3, through intuitive visual controls.
  • Uses powerful grid systems and creates incredibly clean, production-ready, code.

Features that make the difference

Allowing you to make design and layout changes wherever needed, breakpoints are truly the secret weapon of responsive design. And with this revolutionary app, they are a cinch to create and manage.

Transicion adaptativa

Use the handy viewport slider to inspect your creation at every possible display width. Anytime something doesn’t quite look its best, drop in a mighty breakpoint to optimize the layout or design.

Transicion adaptativa

From paper sketches to the production server

Skip static Photoshop or vector design apps. Create directly in the browser with real HTML elements and adaptive grids. Use the full power of CSS3 with intuitive tools.

Design for all devices using easy to manage—custom—media queries. Seeing and feeling the site develop in a production environment (the browser!) is the way of the modern web.

Del papel al servidor

A design workflow you'll love

Specify the default styles for each element. Then use your own classes to create design variations. Change the properties across the site for every element type, class, or ID with a single edit.

What about variations of a variation? The multi-class system has your back, resulting in design creativity and productivity you can’t experience elsewhere.

Clases e IDs en RSD
RSD HTML y css3

Live Design — Clean Code

Working directly in the browser not only creates the unique live design experience, it also allows the code to be semantic and clean. No (confusing) code generation is needed, the CSS3 is written directly to a real stylesheet, resulting in clean and easy to interpret rules.

The inserted HTML elements are standards based. Tags can be switched with two simple clicks to use semantic HTML5 elements like <nav> and <header>, resulting in well marked-up pages and conveying meaning to search engines.

Web

Ready for Google

Imágenes adaptativas de verdad

Really responsive images

On a fast connection a significant image payload isn’t a big deal. But on mobile devices or networks, images are often the main bottleneck when it comes to website performance. Being slowed down and paying costly bandwidth fees only to be presented with big images intended for giant monitors, is super annoying.

Luckily all of this is solved by the brand new HTML picture element, implemented in Responsive Site Designer! It’s as simple as changing an image at a breakpoint for a smaller version. For each associated display width, only the specified image will be downloaded, creating a fast and great experience for big and small screens alike.

Custom layouts that fit any device

Add rows and content containers with just a simple click. Toggle column spans at custom breakpoints to create tailored layouts for smaller screens. Or create tailored tablet, laptop, desktop and everything in between layouts if you design mobile-first.

You can even use subgrids and container nesting for more ultra-precise layout control. Stretch rows, stop floats, change display properties, constrain heights...this app has it all!

Inpector Web integrado

Integrated Web Inspector

The web inspector has been an indispensable tool for front end developers for years, and we made it available right within Responsive Site Designer. Use the inspector to view or change (drag-n-drop) an element's position in the DOM tree. Or hover the tree to see each element’s outline.

The applied CSS is visible in the lower pane, making it easy to understand what is happening at each breakpoint. Want to edit the code directly? So do we! (So it will probably happen...soon.)

Transitions and effects

Use CSS3 properties such as translate, rotate and skew to create powerful visual effects. On any element and without graphics editor.

Transitions smoothen the value changes defined on different states. Grab the attention and impress visitors when hovering images or pressing buttons. Move it, move it, you gotta move it!

Apollo Lander

More cool features

Configura las propiedades de los elementos

Configurable element properties

Más de 20 elementos listos para ser arrastrados (y soltados)

Over 20 elements ready to be dragged (and dropped)

Estados para elementos interactivos

States for interactive elements

Incluye más de 1200 font icons

Over 1200 great font icons included

Gestión de proyectos

Project Management

Importa HTML

HTML Import

Responsive Site Designer

Responsive Site Designer1.2

Create stunning website designs that look fantastic and are easy to use on any device

116.00$

Tax incl.

116.00$

IVA incl.

Lo que opinan sobre esta app

What they say about our apps

RSD is such a time saver. Easily read all my svg files, queries easily manageable and more importantly affordable. Made my new portfolio with it

Angel Velazquez de AEVolucion.com en Facebook

I absolutely LOVE the new Responsive Site Designer, even for the computer code challenged it works!

Heather Carter

Secure Log in:
password:
Base » 0.00$
Total » 0.00$
Go to cart!