Webflow es un editor de sitio web relativamente nuevo WYSIWGY (“Lo que ves es lo que obtienes”) que te permite crear fácilmente sitios web mucho más avanzados que con Dreamweaver, que está atascado en los años 90. Una de las citas que destacan en sus páginas de marketing es de Marc Grabanski, el creador de jQuery UI: ” Webflow es como Dreamweaver si se hizo en 2015 “. No estoy 100% seguro de cómo funcionan sus precios. no lo he usado en un proyecto serio, pero estoy bastante seguro de que su funcionalidad básica es gratuita y solo paga si desea comprar plantillas prediseñadas. Debería lograr lo que estás buscando, así que diría que definitivamente vale la pena echarle un vistazo, pero podría hacer demasiado .
En el otro extremo del espectro, si realmente no desea codificar manualmente la cuadrícula div, puede intentar algo como shoelace.io. Requiere que uses Twitter Bootstrap, pero te ahorra la molestia de escribir la sintaxis de los divs. En este caso, acabo de hacer una búsqueda en Google de “visual html grid builder” y fue el primer resultado.
Sin embargo, como una práctica recomendada sostenible real, tengo que hacerme eco de las otras respuestas aquí y decir que solo debe usar un complemento para un editor de texto para guardar algunas pulsaciones de teclas. Yo uso Sublime Text personalmente y hace las cosas bastante fáciles. De la forma en que configuré la mía, solo div.row
y div.row
tab
y automáticamente se convierte en lo siguiente:
- Cómo mostrar resultados en la misma página en JavaScript
- Cómo convertirse en un diseñador web en casa sin ningún tipo de capacitación a través de mi computadora
- ¿Qué idioma debo usar para mi sitio web?
- ¿Existe un estándar para las tendencias actuales de soporte para varios navegadores?
- ¿Cuál es el editor que puedo usar para escribir códigos HTML y ejecutarlo directamente en un navegador? Como muchos editores no están dando la opción de ejecutar en la web?
con el |
marca que representa donde termina mi cursor. Eso es bastante conveniente y no requiere el uso de ninguna herramienta adicional. Y, por supuesto, siempre que haga algo repetitivo, no olvide Ctrl
+ C
y Ctrl
+ V
para copiar y pegar. Son tus mejores amigos como programador.
¡Buena suerte!