Diferencia entre revisiones de «CSSEdit»
(Etiqueta: nuestro-nuestra) |
m (Texto reemplazado: «<div align="justify">» por «») |
||
| (No se muestran 5 ediciones intermedias de 4 usuarios) | |||
| Línea 1: | Línea 1: | ||
| − | |||
{{Ficha Software | {{Ficha Software | ||
|nombre= CCSEdit | |nombre= CCSEdit | ||
|familia= | |familia= | ||
| − | |imagen= | + | |imagen=Ccsedit.jpg |
|tamaño= | |tamaño= | ||
| − | |descripción= | + | |descripción=Herramienta para el diseño de web |
|imagen2= | |imagen2= | ||
|tamaño2= | |tamaño2= | ||
| Línea 12: | Línea 11: | ||
|desarrollador= | |desarrollador= | ||
|diseñador= | |diseñador= | ||
| − | |modelo de desarrollo= | + | |modelo de desarrollo=Diseño y desarrollo de plantillas para páginas web y especialmente para CSS |
|fecha de creación= | |fecha de creación= | ||
|lanzamiento inicial= | |lanzamiento inicial= | ||
| Línea 21: | Línea 20: | ||
|plataformas soportadas= | |plataformas soportadas= | ||
|género= | |género= | ||
| − | |sistemas operativos= | + | |sistemas operativos=[[Windows]] |
|idioma= | |idioma= | ||
|licencia= | |licencia= | ||
|premios= | |premios= | ||
|web=http://macrabbit.com/cssedit/ | |web=http://macrabbit.com/cssedit/ | ||
| − | }} | + | }} |
| − | + | '''CCSEdit''' es un programa para el diseño de páginas web y está totalmente enfocado al [[CSS|CSS]] de la página en general, existen multitud de editores de código, incluso soluciones completas para programar páginas web y editar las hojas de estilos, uno de ellos es CCSEdit. | |
| − | páginas web | ||
== CCSEdit == | == CCSEdit == | ||
| − | CSSEdit se centra tan sólo en la edición de CSS, dejando de lado otras funciones, que | + | CSSEdit se centra tan sólo en la edición de [[CSS|CSS]], dejando de lado otras funciones, que pueden ser echas por otros editores web ya que su potencial está en el diseño de las páginas mediante [[CSS|CSS]]. |
== Funciones == | == Funciones == | ||
| Línea 39: | Línea 37: | ||
*La primera de ellas es el modo X-Ray, que a modo de rayos X nos mostrará las líneas de código donde está definida la parte de la página web donde pulsemos. El modo X-Ray se complementa además con el Inspector, que nos organiza las líneas de código implicadas y nos dice si hay más propiedades en otras hojas de estilo. | *La primera de ellas es el modo X-Ray, que a modo de rayos X nos mostrará las líneas de código donde está definida la parte de la página web donde pulsemos. El modo X-Ray se complementa además con el Inspector, que nos organiza las líneas de código implicadas y nos dice si hay más propiedades en otras hojas de estilo. | ||
| − | *La segunda novedad más importante es la previsualización de cambios en tiempo real. Es decir, | + | *La segunda novedad más importante es la previsualización de cambios en tiempo real. Es decir, cambiando una medida, color, parámetro, etc de la hoja de estilos, se revisualizará en la ventana instantáneamente; lo que nos ayudará enormemente si no sabemos muy bien donde tocamos. |
| − | *Además, si no | + | *Además, si no se tiene dominio de la programación CSS, tenemos a nuestra disposición unpanel de propiedades para cambiar el formato de las distintas etiquetas del CSS. Si somos unos maestros, tan sólo tenemos que cerrar el panel y picar código a mano. |
== Ventajas de CCSEdit == | == Ventajas de CCSEdit == | ||
| − | * Dispone de una vista "preview", una ventana donde podemos ver en tiempo real el efecto de todas las propiedades que | + | * Dispone de una vista "preview", una ventana donde podemos ver en tiempo real el efecto de todas las propiedades que se van añadiendo y modificando. |
| − | * | + | * Se puede extraer y modificar el [[CSS|CSS]] de cualquier página web, mediante la ventana de preview. |
| − | * Mediante una sintaxis propia, usando simplemente comentarios en la hoja de estilos, | + | * Mediante una sintaxis propia, usando simplemente comentarios en la hoja de estilos, se permite agrupar propiedades e ids, traduciéndose esa organización en un listado jerárquico, a modo de un explorador de archivos, en la propia ventana de edición de código. Esto es especialmente útil, cuando se trabaja con hojas de estilo medianamente grandes, dado que muchas veces mantener un orden adecuado es esencial para el correcto funcionamiento de la cascada y en formato jerárquico propiedades e IDs. |
| − | *Mezcla funcionalidades de autocompletar con una barra de herramientas lateral dónde | + | *Mezcla funcionalidades de autocompletar con una barra de herramientas lateral dónde se puede escoger mediante clics las propiedades y los valores que queremos asignar a cada clase o ID, sirve de cheatsheet a la vez que de barra de herramientas. |
*Dispone de un validador CSS integrado en la propia aplicación | *Dispone de un validador CSS integrado en la propia aplicación | ||
| − | *Permite gestionar versiones de | + | *Permite gestionar versiones de hojas de estilos |
== Fuentes == | == Fuentes == | ||
| Línea 63: | Línea 61: | ||
*[http://www.softonic.com/s/css-editor/windows-me Descargar_CCSEdit]<br> | *[http://www.softonic.com/s/css-editor/windows-me Descargar_CCSEdit]<br> | ||
| − | + | [[Category:Software]] | |
| − | [[Category: | ||
| − | |||
| − | |||
última versión al 21:22 19 jun 2019
| ||||||||||||
CCSEdit es un programa para el diseño de páginas web y está totalmente enfocado al CSS de la página en general, existen multitud de editores de código, incluso soluciones completas para programar páginas web y editar las hojas de estilos, uno de ellos es CCSEdit.
CCSEdit
CSSEdit se centra tan sólo en la edición de CSS, dejando de lado otras funciones, que pueden ser echas por otros editores web ya que su potencial está en el diseño de las páginas mediante CSS.
Funciones
Dos Funciones importantes:
- La primera de ellas es el modo X-Ray, que a modo de rayos X nos mostrará las líneas de código donde está definida la parte de la página web donde pulsemos. El modo X-Ray se complementa además con el Inspector, que nos organiza las líneas de código implicadas y nos dice si hay más propiedades en otras hojas de estilo.
- La segunda novedad más importante es la previsualización de cambios en tiempo real. Es decir, cambiando una medida, color, parámetro, etc de la hoja de estilos, se revisualizará en la ventana instantáneamente; lo que nos ayudará enormemente si no sabemos muy bien donde tocamos.
- Además, si no se tiene dominio de la programación CSS, tenemos a nuestra disposición unpanel de propiedades para cambiar el formato de las distintas etiquetas del CSS. Si somos unos maestros, tan sólo tenemos que cerrar el panel y picar código a mano.
Ventajas de CCSEdit
- Dispone de una vista "preview", una ventana donde podemos ver en tiempo real el efecto de todas las propiedades que se van añadiendo y modificando.
- Se puede extraer y modificar el CSS de cualquier página web, mediante la ventana de preview.
- Mediante una sintaxis propia, usando simplemente comentarios en la hoja de estilos, se permite agrupar propiedades e ids, traduciéndose esa organización en un listado jerárquico, a modo de un explorador de archivos, en la propia ventana de edición de código. Esto es especialmente útil, cuando se trabaja con hojas de estilo medianamente grandes, dado que muchas veces mantener un orden adecuado es esencial para el correcto funcionamiento de la cascada y en formato jerárquico propiedades e IDs.
- Mezcla funcionalidades de autocompletar con una barra de herramientas lateral dónde se puede escoger mediante clics las propiedades y los valores que queremos asignar a cada clase o ID, sirve de cheatsheet a la vez que de barra de herramientas.
- Dispone de un validador CSS integrado en la propia aplicación
- Permite gestionar versiones de hojas de estilos
