CSSEdit Tutorial: Lo básico
CSSEdit es, como su nombre lo indica, un editor de CSS para Mac. Ha llegado a pasos agigantados en la última versión y ahora es una de las mejores aplicaciones disponibles en la Mac para diseñadores. CSSEdit es creado por los grandes expertos en MacRabbit, que también son responsables de DeskShade.
Una de las características más fuertes de CSSEdit es la interfaz simple, fácil de navegar y hermosa. Incluso las personas que no tienen experiencia en el diseño de páginas web pueden orientarse en esta increíble aplicación y crear algunas páginas web impresionantes. En este tutorial, veremos la interfaz y cómo aprovecharla al máximo.
Explore los elementos de Envato
La ventana principal
La ventana principal tiene tres secciones principales, la primera sección (a la izquierda) es la sección de estilos. Aquí puede ver todos los estilos que ha aplicado a su sitio. La sección central es el editor real de la aplicación, aquí puede hacer toda la codificación de su archivo css, todo con la función de finalización de código siempre útil. La sección de la derecha es una forma de diseñar su página sin codificar nada. Puede escribir o seleccionar con cuadros desplegables cómo desea diseñar un determinado elemento y el código se inserta por usted. Esta es una gran característica para cualquier persona nueva en CSS o cualquiera que no esté seguro de cómo codificar una determinada técnica.
La barra de herramientas
La barra de herramientas de CSSEdit tiene algunas de las mejores características de la aplicación y, por lo tanto, se usa bastante, especialmente en usos más avanzados, revisaremos cada icono de la barra de herramientas uno por uno y explicaré lo que hace cada uno.
A lo largo del lado izquierdo de la barra de herramientas hay 5 herramientas, la primera es la nueva función de estilo, esto le permite agregar un nuevo estilo a su hoja de estilo con bastante facilidad. El segundo le permite agrupar ciertos estilos en una carpeta para facilitar su navegación. El tercero es una manera simple de agregar un comentario en su hoja de estilo sin tener que codificarlo a mano. El cuarto es una forma más avanzada de diseñar elementos, le permite diseñar un determinado elemento donde quiera que aparezca en su hoja de estilo. Con estas cuatro características no se necesita codificación, CSSEdit lo hace todo por usted. La quinta característica es una función de búsqueda simple, útil si tiene una hoja de estilo muy grande.
El lado derecho de la barra de herramientas contiene algunas de las características más avanzadas de CSSEdit. El primero le permite insertar un enlace a la hoja de estilo en un archivo HTML, esto asigna el archivo HTML al archivo CSS para darle estilo. La segunda es una forma de obtener una vista previa de su página web sin tener que abrir un navegador web externo. El tercero se llama Hitos, es una forma de guardar su progreso actual en la hoja de estilo, lo que le permite revertir si se comete un error. La cuarta es una forma de validar su CSS y el icono final le permite cambiar qué tres columnas de la interfaz principal puede ver, lo que significa que si no puede codificar, puede editar su CSS sin necesidad de codificación.
Si no tiene esta aplicación, como desarrollador web le sugiero que lea más en MacRabbit. Realmente es lo último en creación de hojas de estilo.
