Oxygenados La comunidad hispana
Recoda White Full Logo
Patrocinador

Creación de sitios web en su máxima expresión.

CSS
JS
ATT

Trillones de maneras de mejorar el flujo de trabajo.

Diseñado pensando en los diseñadores y desarrolladores profesionales, la interfaz optimizada y los ayudantes de flujo de trabajo le permitirán crear un flujo de trabajo realmente único. Cada parte de la interfaz es configurable, porque una talla no sirve para todos.

Paneles Flexibles

Ambos paneles admiten la opción de ajustar la anchura por defecto. Si necesitas más espacio, arrastra el panel para cambiar la anchura actual. No hay saltos cuando cambias el panel, el panel sólo cambia de tamaño si lo quieres.

Flexibilidad de interfaz inigualable

Optimiza para una pantalla grande, o hazla compacta. Paneles acoplados, elige uno de los 10 temas. El espacio de trabajo ofrece más de 40 personalizaciones para garantizar un flujo de trabajo que satisfaga las necesidades del usuario.

Panel Docking

Perfiles de Usuario

El cliente y cada uno de los desarrolladores del equipo trabajan en pantallas diferentes, tienen distinta calidad de visión. Workspace admite perfiles individuales para que cada miembro del equipo pueda configurar la interfaz según sus propias preferencias.

Perfiles de Usuario

Atajos de teclado elaborados

Sistema de atajos que está diseñado para una alta tasa de comdidad. El sistema proporciona algunos niveles de facilidad para que puedas reducir la curva de aprendizaje que se necesita para adoptar la mayoría de ellos.

Flujo de trabajo a dos manos

Este flujo de trabajo distribuye los movimientos musculares de manera uniforme entre ambas manos, lo que se traduce en menos clicks, un menor recorrido del ratón y una reducción del teclado. Mantén las manos en el lugar correcto.

manos y teclado

Guía de Atajos

¿Tienes más de 50 atajos, pero sólo utilizas unos pocos? No desarrollamos los atajos para tenerlos, los hacemos para usarlos. Activa las pistas de los atajos y ten una pista visual de ayuda para ponértelo mas fácil.

guia de atajos

Mas de 40 atajos

Salta entre puntos de ruptura, paneles, pestañas avanzadas, activa ciertas características, añade elementos. Se ha cubierto todo lo que necesitas

mas atajos

Optimizado para cada estación de trabajo

Los usuarios de portátiles suelen sufrir la falta de espacio horizontal. Recoda Workspace permite utilizar la interfaz en tres pestañas (Editor, Live Server y Stylesheets), reducir la anchura de los dos paneles y utilizar los botones de los paneles avanzados en orientación vertical con la posibilidad de reducir el espacio entre elementos en el panel de estructura.



Los usuarios de portátiles suelen sufrir la falta de espacio horizontal. Recoda Workspace permite utilizar la interfaz en tres pestañas (Editor, Live Server y Stylesheets), reducir la anchura de los dos paneles y utilizar los botones de los paneles avanzados en orientación vertical con la posibilidad de reducir el espacio entre elementos en el panel de estructura.

La mayoría de las aplicaciones no están adaptadas a los usuarios de monitores de pantalla ancha. Los usuarios de estos monitores tienen dificultades porque tienen un mayor recorrido del ratón entre los paneles. Además de ajustar el tamaño del panel, y de establecer el valor por defecto de la anchura del mismo, Recoda Workspace permite reordenar los paneles para reducir significativamente el recorrido del ratón.


Los usuarios de multimonitor a menudo no pueden utilizar todo el potencial del equipo de hardware porque la mayoría de las aplicaciones no están estructuradas para esa forma de uso. Recoda Workspace cuenta con sub-aplicaciones que permiten liberar todo su potencial. En un monitor el usuario puede tener un Live Server (frontend abierto de la web con recarga en caliente y Scroll Sync con el Editor dentro de Oxygen Builder), en otro abrir Oxygen Builder, y en el tercer monitor tener Stylesheets con el reflejo instantáneo de los cambios.





Acciones dentro de Oxígeno (CLI).

Según el 27% de los usuarios, esta es la característica más querida dentro de Recoda Workspace. Las acciones proporcionan una forma invisible de interactuar con el software de creación de sitios web, en lugar de hacer Click y recorrer la interfaz, usted tiene una entrada donde puede hacer el 70% de las cosas más comunes.

Flujo de trabajo a dos manos

Este flujo de trabajo distribuye los movimientos musculares de manera uniforme entre ambas manos, lo que se traduce en menos clicks, un menor recorrido del ratón y una reducción del teclado. Mantén las manos en el lugar correcto.

cli

Acciones en bloque

Importar clases en bloque, cambiar etiquetas HTML en bloque, renombrar elementos en bloque. Añadir múltiples clases a múltiples elementos, ahorrar tiempo.

bulk actions

Añadir elementos como Emmet

En lugar de añadir elementos a través de la interfaz y cambiar las etiquetas, puedes escribir una sintaxis similar a la de Emmet que añadirá elementos y cambiará las etiquetas por ti.

Optimizado para cada estación de trabajo

Los usuarios de portátiles suelen sufrir la falta de espacio horizontal. Recoda Workspace permite utilizar la interfaz en tres pestañas (Editor, Live Server y Stylesheets), reducir la anchura de los dos paneles y utilizar los botones de los paneles avanzados en orientación vertical con la posibilidad de reducir el espacio entre elementos en el panel de estructura.



Las ayudas de Grid Guide ofrecen una herramienta de depuración frontal para evaluar su diseño.
Se puede personalizar todo en cada punto de ruptura, por lo que se ajusta al sistema de cuadrícula de diseño Figma y hace que sea más fácil de transferir el diseño deseado a un sitio web real.

El modo X es una vista en escala de grises del lienzo de tu sitio que muestra visualmente el borde de cada elemento. La escala de grises te ayuda a evaluar el diseño con menor fidelidad, y el contorno de los bordes en el otro lado te ayuda a evaluar el espacio entre los elementos y atrapar los elementos que están rompiendo el flujo de diseño deseado.

La extensión Responsive Helpers ofrece a los usuarios la posibilidad de simular varios dispositivos. Puedes elegir algunos valores preestablecidos o introducir tu valor personalizado y ver cómo se ve tu diseño en ese tamaño.

Codifica como nunca antes.

impulsado por Recoda Codesense

Recoda Codesense es un conjunto de integraciones personalizadas de CodeMirror con Oxygen Builder para tener la mejor experiencia de escritura de código dentro de Oxygen Builder. Es la solución más poderosa dentro de cualquier constructor de páginas para convertir el constructor cerca del IDE de escritorio.

Capa de trucos para la codificación

Parte de Codesense son las extensiones para el hinting inteligente de CSS, encontrando todas las variables de CSS y todas las clases de Oxygen. Codesense se destaca con la capacidad de trabajar en el modo de no-selector (Oxygen Custom CSS) y hint como usted está escribiendo en el modo normal.

3.3x

Mas rápido escribiendo
variables CSS

100%

Divertido
Cero

Errores tipográficos
30%

Mas rápido escribiendo
propiedades CSS

CSS personalizado

Solución hecha a medida para sugerir propiedades y opciones CSS en modo no-selector mientras se escribe CSS personalizado dentro de Oxygen Builder. Soporta sugerencias de propiedades CSS inteligentes y sugerencias de variables CSS.


Editor

Cuando el código bajo se encuentra con el código completo. Utiliza las variables CSS como nunca antes, admite sugerencias de variables CSS en los campos del editor mientras escribes.

Hoja de Estilos

Convierte las hojas de estilo de Oxygen Builder en una experiencia similar a la del IDE. Soporta sugerencias de clases de oxígeno, sugerencias de variables CSS y sugerencias de propiedades CSS inteligentes.