Ganá una plantilla gratuita con Template Monster!

TMgiveaway

¡Buenas noticias! ¡Hoy tendrán una buena oportunidad para obtener una maravillosa plantilla web diseñada por Template Monster absolutamente GRATIS! Template Monster es una empresa reconocida que ofrece las mejores plantillas de la red! Ellos dan 3 plantillas web a elección de los ganadores.

¿Cómo se puede conseguir una plantilla gratis?

Template Monster propone dar 3 plantillas de sitio web a 3 ganadores seleccionados al azar, por lo que si están interesados en una plantilla, sólo tienen que seguir las instrucciones:

  1. Examinen la increíble colección de plantillas de TemplateMonster.com/es/ (¡Hay más de 12 000 plantillas para varias plataformas y varios sitios allí!) para encontrar una plantilla para su proyecto web. Pueden elegir cualquier producto de Template Monster, no hay ninguna limitación.
  2. Dejen un comentario en la parte inferior de esta entrada. Tendrán que indicar:
  • Número de la plantilla,
  • Nombre,
  • Dirección de correo electrónico
  • Razón por la que necesitas esta plantilla.

Detalles Importantes

Este sorteo termina 25/07/2013. Después de esta fecha la sección de comentarios será cerrada y nadie será capaz de añadir cualquier otro comentario. Por favor, utilizen su dirección de correo electrónico válida. ¡Buena suerte a todos!

Conoce a los ganadores del concurso!

Como hacer perder peso a tu web

perder-peso

Si están desarrollando un sitio web, mas allá del diseño seguramente la preocupación pase porque se cargue rápido en el navegador. Y nada mas errado que ese pensamiento en los tiempos que corren, en donde los tiempos son cada vez mas ajustados y la necesidad del visitante por ver el contenido rápidamente se vuelve casi como un factor obligado a tener en cuenta.

Para mejorar este punto, un grupo de profesionales que trabajan o han trabajado en grandes sitios crearon esta guía para el rendimiento front-end con muchos tips de utilidad, abarcando sectores como:

  • HTML,
  • CSS,
  • JavaScript,
  • jQuery,
  • Imágenes,
  • Servidor,
  • Herramientas.

Los invito a leer estos tips sumamente interesantes tanto para desarrolladores experimentados como para iniciados entendiendo que no hay una solución milagrosa pero vale la pena poner a dieta al próximo proyecto para disfrutar de una internet mas rápida.

Enlace | Como perder peso en el navegador

 

CSSMatic, set de herramientas útiles para diseñadores web

cssmatic

Sin duda alguna los diseñadores web cuentan hoy en día con muchísimas herramientas online que facilitan el trabajo. Tan solo pensar en tiempos pasados nos puede hacer valorar doblemente estas cosas.

CSSMatic es un sitio que contiene 4 herramientas que todo diseñador web seguramente va a necesitar en algún momento:

  • Generador de Degradados: Crea degradados para utilizar como imagen de fondo de banners, fondos, botones o cuadros, etc.
  • Bordes redondeados: Cambiar todos los bordes seleccionados al mismo tiempo. Infinidad de opciones.
  • Generador de Texturas con ruido: Crea texturas con ruido de manera fácil para tus fondos web.
  • Generador de sombra: Crea cajas con sombras super editables! Luego copia el código y listo!

Enlace | CSSMatic

Crea tablas comparativas con Compare Ninja

Creacion de tablas comparativas

Creacion de tablas comparativas

El uso de tablas comparativas es muy útil para cuando tenemos que mostrar una serie de productos o servicios similares y remarcar las características que tiene cada uno. Los estilos con los que podemos jugar son muchos y basta un poco de imaginación para ver como expresamos esta comparación.

Compare Ninja es un sitio que nos ayudará con la tarea de crear este tipo de tablas en forma gratuita, en donde luego de registrarnos seguiremos los siguientes pasos:

  • Detalles básicos. Le daremos nombre a la tabla y especificaremos cuantas columnas y líneas tendrá inicialmente (luego se puede editar). También podremos elegir el ancho de la tabla en pixeles o porcentaje.
  • Estilo de la tabla. A continuación elegiremos un estilo de los 10 que ofrece el sitio. Claro que luego podremos modificar desde el código los colores y detalles que querramos, pero aquí le damos los lineamientos generales.
  • Edición de la tabla. Ya en este paso nos muestra la tabla, por lo que nos queda editar los items de las líneas y las columnas y modificar los iconos de cada campo comparativo. También nos permitirá agregar una imagen referencias a cada columna.
  • Código. Una vez finalizada la edición, podemos hacernos con el código en HTML o en HTML y CSS por separado.

Elace | Compare Ninja

50 Plantillas XHTML /CSS gratuitas de gran calidad

Quizás para decepción de los photoshoperos esta semana las noticias estuvieron dirigidas mas para el lado del diseño web. Pero la verdad es que hubo tan buenas noticias en cuanto a material para esta rama del diseño que era inevitable recomendarlo y postearlo aquí.

Visitando Noupe me encuentro con una fantástica lista de 50 plantillas XHTML/CSS de enorme calidad libres para su descarga y posterior uso.

En el listado se podrán ver plantillas para distintos fines en donde algunas de ellas incluyen hasta el PSD para su edición.

Enlace | 50 Free High-Quality and “New” (X)HTML/CSS Templates

Como armar un sitio web

Hasta el momento había infinidad de artículos en blogs donde explicaban “como crear un theme para WordPress” o “como crear una plantilla web” pero en todos ellos solo mostraban la parte gráfica, olvidándose del código y su funcionamiento.

Lo bueno es que en Six Revisions explican el armado completo de un sitio, con lo que se obtiene como resultado un tutorial extremadamente útil para ver como se arma la estructura, el diseño de botoneras y demás elementos que conforman un sitio.

Para los que recién comienzan o los que están intentando adentrarse en el mundo del CSS, este tutorial les vendrá de maravillas.

Enlace | How to Code a Dark and Sleek Web Design