nov 18

#CSS3 ¿Qué son las CSS (Hojas de Estilo en Cascada) ?

El significado de CSS corresponde a Cascading Style Sheets y es un lenguaje que podemos entenderlo como el complemento perfecto de HTML. Sin duda alguna CSS lo utilizamos para aplicar estilos al contenido de nuestras páginas Web.  Para poder escribir la códificación de hojas de estilo es necesario contar con un editor de texto como puede ser:

NOTA: Es importante señalar que es muy distinto un editor de texto a un procesador de texto, Microsoft Word, Notepad++, Wordpad, no son el software para realizar maquetación de sitios web o la mejor herramienta para la generación de FrontEnd, EVITE UTILIZARLOS.

Por ejemplo, en el siguiente código vamos aplicar un estilo de tipografía para nuestro sitio. No es necesario que entienda ahorita todo el código colocado, poco a poco en base a una serie de artículos que iré publicando en este blog, vamos a ir aprendiendo de la mano, igual se aceptan sugerencias y/o recomendaciones Smile.

   1: .tipografia{

   2:     font-family: 'Arial';

   3:     font-size: 10px;

   4: }

Como se puede observar en la códificación anterior, esto corresponde a un conjunto de reglas, las cuales son encerradas por llaves, a su vez, cada propiedad CSS, deberá de contener dos puntos y su valor a ser asignado, como parte de su declaración. Es recomendable que las propiedades CSS sean colocadas en orden alfabético, esto apoyando a que el código sea más legible.

Mediante este artículo podemos concluir que las hojas de estilo en cascada o bien CSS van apoyarnos a los diseñadores Web a poder “vestir” o darle forma a nuestros sitios web,mediante colores, centrado de texto, y actualmente a responder a las necesidades de los diversos dispositivos que se ecuentran en el mercado como pueden ser tablets, celulares, smart tv’s , etc.

Cualquier duda o comentario van a ir saliendo mientras vayamos avanzando en la comprensión de los diferentes temas que abarcan las CSS.

Twitter: @sarellano

Samuel Arellano

 

feb 26

[Expression Web] ¿Qué ventajas nos ofrecen los SP1 y SP2 de Microsoft Expression Web 4.0

 

Dentro de los productos Microsoft, podemos encontrar una diversidad de suite’s o conjuntos de programas que nos facilitan el trabajo tanto a los diseñadores como a los desarrolladores de software.

Un conjunto de estas herramientas es conocido como Expression Studio, la cual contine una diversidad de software que va desde un IDE para desarrollo Web profesional (como es Expression Studio), así como el famoso Expression Blend, el cual nos ayuda al maquetado de nuestros proyectos en WPF o Silverlight con lo que es el aspecto gráfico generado en código XAML.

Para aquéllas personas que se preguntan, ¿Qué es Expression Studio?, podemos decir que es un conjunto de herramientas de diseño y contenido multimedia de índole profesional creados por Microsoft, con el objetivo de proporcionar una flexibilidad y facilidad en la elaboración de contenido multimedia.

Cabe mencionar que dentro de esas herramientas se encuentra Expression Web. Podemos decir que es un editor web de HTML. Utiliza el mecanismo de WYSIWYG, lo cual quiere decir que lo que se visualice en el editor, será lo que vamos a tener como resultado.

Los Service’s Packs incluyen nuevas características como son las siguientes:

Service Pack 1:

Recurso: Descarga el SP1 de Expression Web

  • Proporciona un soporte completo de HTML5 dentro del editor de código. Tiene soporte dentro del IntelliSense para insertar las etiquetas de HTML5.
  • Proporciona un soporte para la especificación de CSS3. Cuenta con el apoyo dentro del IntelliSense para CSS3.
  • Incorpora el IntelliSense para las funciones de PHP 5.3, así como el apoyo a más de 130 módulos.
  • Ahora el SP1 detecta más navegadores instalados en el S.O. (como pueden ser IE9, Opera, Safafi, Chrome, etc.) y automáticamente te mostrará una vista previa en el navegador que selecciones.

  • Se han colocado barras de herramientas dentro de Expression Web con el SP2. Esta característica permite crear barras de herramientas personalizadas, para ser más eficientes en la elaboración de Websites.

 

  • Una de las características que sin duda alguna es de mis favoritas, es que ahora el SP2, proporciona una vista previa en miniatura de los archivos que se encuentran en la lista. Nos brinda las dimensiones de las imágenes, además que nos permite de manera sumamente sencilla la etiqueta <img> o bien el CSS con las dimensiones, el cual podemos copiar y pegar en caso de requerirlo para la realización de nuestras hojas de estilo.

  • Y no podía faltar la cereza en el pastel, tenemos la posibilidad del IntelliSense para JQuery.

 

Espero que después de mirar todas las ventajas de los SP, tanto del 1 como del 2, ya los estés descargando y utilizando en el desarrollo de proyectos.

Saludos,

Samuel Arellano