# 175: 7 cosas que debe saber sobre Webflow - Trucos CSS

Anonim

(Este es un video patrocinado en el que trabajé entre nosotros en CSS-Tricks y Webflow. Creo que Webflow es un producto fascinante para crear sitios web que, en mi opinión, está en una categoría para sí mismo en este momento. Se necesita un poco para envolver su mente, así que espero que eso sea lo que este video pueda ayudarlo a hacer).

1) Webflow fue creado para diseñadores y desarrolladores profesionales

¿Ya sabes cómo construir sitios web con código? Eso es genial. No significa que Webflow esté por debajo de su capacidad. Webflow tiene todas las mismas abstracciones que HTML y CSS, pero expone esas interfaces en un lienzo visual.

2) Los estilos reutilizables están en el corazón de Webflow

El desarrollador de CSS que hay en ti probablemente anhele convertir todo en clases. Una clase es la herramienta definitiva de CSS para la reutilización. Buenas noticias, todo lo que diseña en Webflow es literalmente a través de un selector que es una clase. Ni siquiera "me gusta" una clase. Es una clase real bajo el capó. Webflow no falsifica la web, es la web.

3) Webflow tiene características como Flexbox y CSS Grid

Trabajar con flexbox y grid en un lienzo visual sin tener que pensar en la sintaxis es muy satisfactorio. En lugar de recordar los nombres y valores de las propiedades, está haciendo clic en los botones para lidiar con el espaciado y la alineación, o usando herramientas directamente en el lienzo.

¿Le preocupa el diseño receptivo? Webflow tiene esto cubierto por completo. A medida que cambia el tamaño y los puntos de interrupción, el lienzo cambia de tamaño y los estilos que establece fluyen hacia abajo de grande a pequeño.

4) Publique más rápido, se preocupe menos

Cuando haya terminado de diseñar el sitio en Webflow, no se lo entregue a otra persona para que lo construya en otro lugar. Ya ha terminado, ha creado el sitio. Puede presionar el botón de publicar y tenerlo en vivo en una URL en segundos. Luego puede asignarle cualquier otro dominio y habrá resuelto su situación de alojamiento e implementación. Sin SFTP. sin problemas de seguridad. No hay actualizaciones de software que deba manejar usted mismo.

5) Webflow CMS es extremadamente poderoso y está construido pensando en los clientes y los especialistas en marketing

Webflow tiene un CMS integrado que es tan poderoso como cualquier otro. Configura exactamente el tipo de modelo de contenido que necesita (obviamente no se requiere codificación) y lo tiene. Como un constructor de formularios, en cierto sentido. Entonces esos campos se pueden usar en sus plantillas con la misma facilidad que el contenido estático.

Quizás la mejor parte es que luego es posible crear y editar esos datos a través de una interfaz mínima directamente en el sitio. Cada campo que está en el CMS (y que usted ha permitido) se puede editar directamente en el front-end del sitio en vivo. También hay una barra en la parte inferior para crear y editar contenido a través de una interfaz de administración. Es lo mejor de ambos mundos, edición en página y edición de estilo de formulario.

6) Las herramientas de animación de Webflow son el siguiente nivel

Es posible que la primera vez que escuchó sobre Webflow fue mirando los sitios que había creado con un diseño de interacción increíble. Dato curioso, todas las páginas de marketing propias de Webflow se crean con Webflow. Echa un vistazo a la página del diseñador para probarlo.

Animaciones basadas en desplazamientos como paralaje, animaciones sobre eventos como clics y desplazamientos, todo ello posible a través de un panel de interacción donde los adjunta a cambios en cosas como opacidad, movimientos y rotaciones. Hay ajustes preestablecidos con clase para ayudarte, así como cosas de siguiente nivel como la integración de animaciones alucinantes de Lottie.

7) Hay un montón de contenido de aprendizaje y comunidad para ti

Aprender Webflow no es buena suerte. Espero que encuentres algunas publicaciones de blog o videos de YouTube. Webflow University es totalmente gratuito y está repleto de todo lo que pueda desear saber sobre la creación de sitios web con Webflow. Este podría ser tu campo de entrenamiento.

Prueba Webflow