El framework de Webflow por Edgar Allan
Knockout
SIMPLE class naming
RESPONSIVE GRID
SIMPLE class naming
RESPONSIVE GRID
ADAPTABILIDAD
modular behaviors
ADAPTABILIDAD
modular behaviors
responsive grid
CONVERSATIONAL CLASS
responsive grid
CONVERSATIONAL CLASS
Knockout es un framework de desarrollo pensado para ayudar a los diseñadores y desarrolladores de Webflow a lograr mejores resultados.
Creamos Knockout para resolver muchos problemas que encontramos a lo largo de los años de trabajo en Webflow como agencia. El conjunto de herramientas resultante define nuestro enfoque para todos los proyectos, desde sitios de una sola página hasta compromisos empresariales a gran escala y a largo plazo.
Dicho de otra manera, esto debería ayudarte a knockear cosas , día tras día.
Replanteamos
el proceso desde el diseño a la construcción
figma + Webflow: el golpe 1-2
HAY MUCHOS FRAMEWORKS GENIALES POR AHI —
¿Qué es diferente?
Poné a los diseñadores y desarrolladores en el mismo grid
Nuestra plantilla de Figma estandariza el espaciado en función de la grid nativa totalmente responsive de Knockout. El diseño y la construcción están alineados desde el principio, y los diseñadores tienen la capacidad de crear activos listos para desarrolladores que funcionan a la perfección con nuestra biblioteca de clases.
Maximice la legibilidad y la capacidad de administración a largo plazo
Knockout usa convenciones de nomenclatura simples y fáciles de leer con mayúsculas y espacios. Es más limpio Es más predecible. Es mejor para el trabajo en equipo. Y hace que los proyectos sean más fáciles de mantener y actualizar a largo plazo.
Obtén más información sobre Conversational Class Naming
Crea a escala (sin tener que diseñar para cada viewport)
Las clases de Knockout están optimizadas para viewports grandes y pequeños. Esto significa que mientras construyes tu proyecto en tamaño de desktop, gran parte del trabajo de traducción del viewport se realiza en un segundo plano.
Obtén más información sobre la optimización del viewport 
Adaptivity
Nuestras utility classes están diseñadas para adaptarse a las necesidades de cualquier proyecto, utilizando naming conventions generales que se pueden ajustar proyecto a proyecto.
Obtén más información sobre la adaptabilidad cómo ayuda knockout
(También conocido como, cosas que hemos resuelto en el camino)
Expertise
La creación de sitios web sin código desde cero puede ser engañosamente complicada y los resultados pueden variar enormemente sin la experiencia específica que proviene de una formación en desarrollo.
Knockout te proporciona un conjunto de classes creadas por expertos, lo que te permite mejorar el nivel de tu trabajo sin necesidad de tener conocimientos de programación.
Inheritance
Las style declarations demasiado específicas pueden dar lugar a laboriosas auditorías de estilo y actualizaciones de docenas de clases.
Body (All Pages)
Nuestro class system agiliza el proceso de construcción, minimizando la cantidad de actualizaciones necesarias para cambiar un estilo en todo el proyecto.
Comportamiento Responsive
Las necesidades del spacing pueden tener muchas variaciones en un solo viewport, y las declaraciones de compromiso basadas en píxeles pueden generar problemas de diseño o ajuste no deseados en algunos casos.
Knockout se basa en unidades vw para optimizar el espacio en la totalidad del viewport.
Collaboration
En un entorno de equipo, diferentes enfoques personales pueden generar convenciones de nomenclatura inconsistentes y clases redundantes que reducen la calidad y la capacidad de administración de un producto.
Knockout brinda a los equipos un framework compartido que fomenta la colaboración, que es lo que impulsa la reducción del tiempo y el esfuerzo necesarios para crear juntos productos de calidad.
Autoría
Los clientes quieren la potencia que ofrecen los entornos sin código para actualizar sus sitios ellos mismos, pero esa capacidad puede perderse en el proceso de desarrollo.
Diseñamos Knockout pensando en el mantenimiento del cliente, brindándoles la capacidad de crear y editar fácilmente cualquier parte del proyecto con la menor complejidad posible.
Modular Animation
En Webflow, las clases de animation que no se abstraen de los styles no se pueden reutilizar en todo el proyecto.
Toggle Animation
El framework Knockout te permite crear clases específicas de animation que se pueden aplicar a cualquier elemento del sitio.
SUBE AL RING
SUBE AL RING
SUBE AL RING
SUBE AL RING
SUBE AL RING
SUBE AL RING
SUBE AL RING
SUBE AL RING
Knockéalos
Ve el video con un ejemplo usando Knockout, comienza con un tutorial de configuración o aprende cómo aprovechar al máximo las funciones de Knockout.
"Knockout es como un conjunto de ingredientes gourmet y filosofías culinarias que te permiten mejorar tu trabajo y crear proyectos de manera más rápida y eficiente, optimizados para el mantenimiento a largo plazo, la colaboración y la transferencia de clientes".
– Jon Cole
Director de desarrollo web, Edgar Allan
– Jon Cole
Director de desarrollo web, Edgar Allan
Preguntas frecuentes
¿Knockout es gratuito?
No solo eso, Knockout es gratis para mezclar y compartir. Para obtener más información, visita nuestra página de preguntas frecuentes .
¿Cómo empiezo con Knockout?
¿Necesito saber cómo usar Webflow?
Recomendamos comenzar con Webflow 101 , que te brindará una base sólida para ir adoptando Knockout. Pero creamos Knockout para obtener la máxima claridad a fin de empoderar a nuestros clientes después de la entrega. Nos gusta decir: "¡Incluso los administradores de cuentas pueden usarlo!"
¿Funciona esto con cuentas gratuitas de Webflow?
¡Sí! Siempre que tengas espacio en tu cuenta para importar un proyecto nuevo.
¿El framework Knockout es adecuado para mi proyecto?
Knockout está diseñado para usarse con nuestro archivo complementario Figma, que sincronizará el diseño con nuestros sistemas de espaciado y cuadrícula. Pero Knockout se puede personalizar para satisfacer las necesidades de casi cualquier proyecto de Webflow.
¡Listo! ¡Estás adentro!
¡UPS! Algo salió mal al enviar el formulario.