Freebies
Discover our latest free template, claim it today. Learn More

5 Consejos y trucos de Webflow que apostamos a que no conocías

Publicado por
Flowbase
5 Consejos y trucos de Webflow que apostamos a que no conocías

01. Ver CSS personalizado en el diseñador sin publicar

Puede que lo hayas hecho antes, has añadido algunos CSS personalizados en la configuración de la página y ahora tienes que esperar a que el sitio se publique para ver los cambios.

¡Estás perdiendo preciosos segundos! Podrías haber usado simplemente el componente de código de incrustación, de esta manera puedes ver rápidamente esos cambios de CSS sin tener que esperar a la publicación de la página para ver los cambios.

02. Cálculos matemáticos directamente en el campo de webflow.

¿Alguna vez has estado trabajando en un sitio web cuando tuviste que usar tu calculadora para hacer algunas sumas rápidas... Bueno, siento que te sientas un poco tonto.
Podrías haberlo introducido directamente en el campo y hacer que Webflow se encargara de calcular los números.

Los campos se introducen de esta manera:
100/4
33 * 33
140 - 22 Seguido d

e la unidad que desee, p. ej., %, px, EM, etc
.

Si estás construyendo columnas, no te conformes con el 33%. Eres MEJOR que eso... Honestamente... ¿qué pensaría la gente de ti si supieras que cortas estas esquinas así...
Simplemente escriba en el campo 100/3% y AHORA le importa. Eso es delicadeza, hijo.

03. Cambie el desplazamiento a la velocidad de sección/anclaje

¿Has usado alguna vez los enlaces de anclaje de Webflow y has pensado Maldito Webflow que es un poco chillón......
Tal vez te preguntaste si podrías cambiar eso... Bueno, puedes, y es muy fácil...

Bien, para hacer esto vas a añadir un atributo personalizado data-scroll-time y luego establecer el valor con algo abajo:

  • data-scroll-time = 0 se desplazará inmediatamente al elemento sin ningún tipo de retraso.
  • data-scroll-time = 0.75 se desplazará un poco más rápido que el valor por defecto
  • data-scroll-time = 1 se desplazará tan rápido como de costumbre
  • data-scroll-time = 1.25 se desplazará un poco más lento que el valor por defecto
  • data-scroll-time = 2 se desplazará dos veces más lento de lo habitual
  • data-scroll-time = 20 habilitará TurtleMode


BUENOS CONOCIMIENTOS - puedes usar este atributo personalizado en la etiqueta body que se aplicará a todos los enlaces de anclaje.

04. Cambiar el tamaño de contenedor predeterminado de Webflow

Si has estado usando webflow durante un tiempo, es probable que utilices div-blocks para gestionar tus contenedores. Pero tal vez necesites actualizar un sitio antiguo usándolos, o tal vez sólo te gusta ser tú.

De cualquier manera, usted puede simplemente agregar este pedazo de código y cambiar el Contenedor estándar de 960px

05. Cambiar los puntos del deslizador predeterminado de Webflow

OTHER GUIDES & LESSONS

Boost your webflow site further.