Uncategorized

Abreviaturas (Shorthands) en CSS

Utilizar Hojas de Estilo (CSS) para el diseño y desarrollo de un sitio web nos trae grandes ventajas, primariamente, el

poder separar el contenido del sitio con respecto de su apariencia (diseño), lo cual nos da un control prácticamente total eindividual de ambos aspectos del sitio. Otra ventaja es la reducción de peso en los

archivos, porque una hoja de estilo controla los estilos de todo el sitio. Sin embargo existen maneras de optimizar el archivo CSS utilizando abreviaciones o “Shorthands” en las declaraciones y propiedades

de cada estilo.

A continuación unas cuantas recomendaciones:

Continue reading Abreviaturas (Shorthands) en CSS →

Varios

Aclarar imágenes en Fireworks (o Photoshop)

4 Comments

Tutorial Paso a Paso

Tips Avanzados!Este pequeño truco de diseño puede lograr efectos increíbles en una fotografía que fue tomada en

condiciones de poca luminosidad y que, por lo tanto, se ve obscura.

Utilizando simplemente la propiedad “Screen” de luminosidad que se pueden aplicar a las diferentes

capas (layers) en programas como Adobe (Macromedia) Fireworks, se puede lograr aclarar una fotografía con resultados excelentes y sin perder la calidad de la misma.

Para este tutorial

necesitas:

  • Adobe Fireworks o Photoshop
  • Una foto que quieras retocar

Empecemos…

Continue reading Aclarar imágenes en Fireworks (o Photoshop) →

HTML y CSS

El Santo Grial de los Layouts en CSS

2 Comments

Tips Avanzados!Este artículo que publicó A List Apart, es la solución a los problemas de los que hemos

visto “bolas cuadradas” al diseñar un layout de 2 ó 3 columnas con puro CSS.

El código es bastante simple y fácil de entender, y resuelve uno de los problemas más críticos con los que nos hemos topado

algunos diseñadores que usamos Mozilla Firefox como navegador

primario.

Alguna vez se habrán topado con el problema de visualización que presenta este navegador, el cual por razones aparentemente misteriosas, descuadra las columnas, ubicando una de ellas al

final de la que le precede o antecede. Aparentemente todo está bien en tu código, y si haces un refresh de la página, todo se arregla, pero esa no es la solución.

Tómate un tiempo para revisar el artículo completo en A List Apart y dile adiós a este fenómeno!

Varios

La importancia de los Meta Tags

5 Comments

Hoy en día la importancia de contar con Meta Tags adecuados y bien estructurados, es vital para la supervivencia de nuestro sitio en el mundo de los buscadores en Internet.

Un buen título (title), nos puede posicionar rápidamente en lugares privilegiados de los resultados de búsqueda como Google por ejemplo. La descripción (description) y palabras claves (keywords) son también elementos muy importantes del encabezado de nuestro código.

Estos 3 Meta Tags, son los que realmente importan dentro de la estructura del “head“, ya que son los que seguramente los buscadores más importantes tomarán en cuenta.

Algunas recomendaciones:

  • Title: 1-12 palabras máximo
    Mi recomendación para el title es: Título de la página. Descripción corta o palabras claves.
  • Ciudad y País. Este punto es el más importante de todos!
  • Description: 5-24 palabras máximo
  • Keywords: 3-12 palabras máximo, separadas individualmente con “,”
  • Meta tags: Deben reflejar el contenido del sitio
  • Mantenerlo simple: No se deben sobrecargar los Meta Tags, ya que los motores de búsqueda no toman en cuenta para los resultados.

Algunos recursos complementarios:

Blogs, Eventos

¡Bienvenidos!

6 Comments

Antes que nada quisiera empezar por agradecer a los compañeros del medio que fueron el soporte y la inspiración para la

creación de este blog. Xavier Donoso (a.k.a. Darthbooker), Julio Villalba (a.k.a. Spiff) y Christian Gilbert (a.k.a. Caleb)…Toda esta “fiebre” de los blogs se inició hace aproximádamente 2 años, cuando

entre los mencionados anteriormente decidimos lanzar un blog en conjunto, el cual estoy seguro que muchos de ustedes ya conocen…Bloggus.net. Fue nuestra

plataforma de aprendizaje y un proyecto que nos llevó a trabajar en equipo durante todo el proceso.

Diferentes razones nos llevaron a tomar caminos separados, pero cargados con la gran experiencia que

nos dejó este proyecto… Xavier lanzó un exitoso blog dedicado a las reseñas de películas (www.cinerama.ec), Christian no publicó ningún

blog ya que está muy ocupado con sus proyectos personales y de la empresa y Julio está trabajando en un Bloggus nuevo y rediseñado… yo por mi parte, me contagié del entusiasmo del proyecto de Cinerama y

decidí finalmente poner a disposición de todos, mis conocimientos y demás información útil en el campo del diseño y desarrollo de sitios web.

Me llamo Michael Müller Cárdenas y les presento este nuevo

espacio dedicado al diseño y desarrollo de sitios web.

Enjoy!