Font Comparer es un servicio gratuito que te permite comparar distintos tipos de fuentes y seleccionar la que más te guste. Puedes mostrar fuentes de Google Fonts y TypeKit con texto personalizado como cabecera y descripción.

Una vez elijas la fuente que mejor se adapte a tu proyecto podrás conseguirla añadiendo el código necesario para implementarla en tu hoja de estilos. Es muy sencillo de usar, tan sólo debes añadir un enlace al tipo de fuente en el header de tu página y luego añadirla en el CSS de tu sitio web.

Permite otras opciones de personalización en CSS, como añadir un fondo, cambiar el color de la fuente y aplicar una sombra para el texto y te mostrará automaticamente como se verá en tu página.

• Puedes probar Font Comparer desde la página del proyecto y conseguir el código una vez elijas la que mejor se adapte.

CampaignMonitor y un servicio de marketing de email están compartiendo una colección de fantásticas plantillas de Email Html de alta calidad y te preguntarás que tipo de plantillas son exactamente las que comparten. Bueno, te has fijado en las campañas de emails de algunas empresas? estas vienen con un formato de Html, de página web.

Esto impacta al cliente de forma mucho más visual, para ofrecer un buen producto, un servicio, una actualización de noticias… (newsletter)

Están creadas por varios diseñadores de éxito y además vienen con un archivo .PSD de Photoshop con el que podrás configurar la plantilla a tu gusto. Así que ya sabes, si piensas en crear tu campaña de emailing en campaignmonitor tienes tu fuente de recursos. Elige la que más te guste y personalízala.

Cualquier plantilla ofrecida se puede implementar en los clientes de gestores más populares como Outlook 2010, Gmail, Lotus notes, Mail de Apple, ya que han sido testeadas para todas.

• Puedes acceder a esta colección de recursos desde la web de campaignmonitor.

A la hora de diseñar un sitio web, uno de los elementos que deberás armar será los iconos del sitio. Esto que parece banal en según que casos da también una imagen de la página en su conjunto.

Algo que publicamos de vez en cuando en DiarioTHC son set de iconos de redes sociales, este punto es fundamental hoy en día cuando desarrolles tu sitio, ya que temas como posicionamiento SEO, Sociales tu página, es fundamental como decimos.

Social and Web Icons es un set de iconos que reune los principales iconos de las redes sociales más conocidas, así como otros elementos y aplicaciones populares en internet.

Estos iconos están en formato .ico .png y .icns, con lo que los puedes usar en cualquier sistema operativo, cuenta con 57 iconos, además por su licencia los podrás utilizar tus proyectos personales y profesionales, no redistribuibles.

Se trata de un pack sencillo pero con todos los elementos necesarios para montar tu web. Te los recomendamos. Puedes descargarlos desde iconspedia de forma gratuita.

Hemos visto en chocotemplates esta fantástica plantilla (Blue Jeans) Html y CSS que además de ser gratuita se puede implementar para un portfolio ya que la puedes integrar en las principales plataformas, WordPress, Joomla, Drupal de forma sencilla.

Además incluye un completo archivo PSD de Photoshop con el diseño de cada elemento y como decimos se trata de una plantilla gratuita. Tiene un gran diseño con motivos en vaquero gastado que nos ha gustado.

Además puedes mostrar tu trabajo de forma sencilla y dinámica gracias a un carrusel de imágenes en Javascript integrado que podrás personalizar fácilmente.

• Puedes ver una Demo de Bluejeans
• También descargar de forma gratuita Bluejeans

La plantilla web que os queremos mostrar hoy, SugarCoated, de chocotemplates, con un diseño web al estilo de los blogs más actuales tiene un diseño final bastante bueno, además se puede orientar para ofrecer servicios web, como porfolios de diseñadores pero también como página de servicios profesionales.

Además la puedes implementar fácilmente a otras plataformas como WordPress, Joomla, Drupal… Se administra un archivo PSD con el que poder trabajar, como cada tema de chocotemplates.

Hemos elegido esta plantilla porque nos ha parecido de un diseño final bastante bueno, aunque puedes acceder a múltiples plantillas, también gratuitas sobre las que podrás trabajar.

SugarCoated además cuenta con múltiples diseños de plantillas diferentes, para distintos tipos o esquemas de página, Home, Blog, página de contacto, portfolio, productos, que puedes adaptar según las necesidades de tu proyecto.

• Demo SugarCoated
• Descargar SugarCoated
• Galería plantillas chocotemplates

Toucan Css Reset es un framework en CSS que te permitirá minimizar las diferencias de renderizado de objetos entre los diferentes navegadores web y realizará un reset en código Css para mostrar esta compatibilidad.

Además recompondrá con las nuevas reglas genéricas para tipografía, cabeceras, listas, formularios, tablas… para que sean compatibles con cualquier navegador y tu página se visualice de igual forma en los distintos navegadores.

Toucan Css Reset se trata de un ligero framework, tan solo pesa 2,5 kb comprimido y realmente es fácil de enteder lo que hace. Lo puedes utilizar y aplicar a tus propios trabajos y beneficiarte de la compatibilidad que te proporcionará en todas tus páginas web.

Dispones de una Demo, para probar el código con cada elemento en diferentes navegadores y comprobar tu mismo la compatibilidad que ofrece. Perfecto para el diseño ya creado en tus páginas web.

• Demo Toucan Css Reset
• Código Toucan Css Reset
• Introducción y forma de uso Toucan Css Reset

jQuery Image Scale Carousel te que permite redimensionar o escalar al vuelo un Carrusel de imágenes realizado en jQuery. Además de ofrecer tus imágenes de calidad puedes permitir al usuario cambiar el diseño de forma sencilla para visualizar en cualquier tipo de dispositivo.

Por otra parte si tus imágenes son de alta resolución o no tienen un tamaño estándar, esta librería realizada en jQuery te ayudará a redimensionarlas de forma sencilla.

También se puede utilizar, como decimos, como añadido para el usuario, para distintos tipos de dispositivos y resoluciones.

Este Carrusel de imágenes se puede implementar a través de un plugin y convertirá cualquier imagen con la altura y anchura necesarias. Además dispone de controles para imagen (siguiente, anterior) así como auto-play para mostrar pase de diapositivas.

A través de la página del proyecto tiene indicaciones para poder implementarlo con facilidad en cualquier sitio o proyecto web.

• Puedes acceder a este proyecto a través de la página de johnpatrickgiven.

Rescatamos un set de iconos de Tutorial9 porque tienen una calidad distinta a la habitual y es que para una imagen corporativa puedes utilizar este fantástico set de 108 iconos con un diseño como decimos sobrio y elegante.

Esta pack contiene una gran variedad de iconos para archivos y documentos, gestión de usuarios, de navegación web, para suscripciones y contacto y otras utilidades y herramientas. Todos ellos en color negro con los que se puede diseñar una web entera o también para un uso más personal, ya que se pueden utilizar tanto para uso profesional como personal.

Es una gran colección por la que tienes cubierto cualquier aplicación web de gestión.

• Puedes conseguir este set de iconos 108 Mono Icons desde Tutorial9

wdCalendar es un plugin en jQuery muy potente y que ofrece características similares a Google Calendar, además con una API de desarrollo muy completa.

Este calendario funciona mediante Arrastrar/soltar eventos y de forma muy sencilla. Además se pueden crear/borrar/modificar eventos muy rápido. Se trata de un calendario completo que puedes implementar sobre un diseño ya creado.

Además ofrece vistas por días/mes/año y el día presente y el contenido se actualiza de inmediato, me ha sorprendido la interfaz que tiene y las posibilidades también. La interfaz de wdCalendar se comporta de forma fluida y estable.

Dispones de una vista por días, meses o años para organizar los eventos del calendario de forma muy dinámica.

Puedes ver una Demo de WdCalendar desde este enlace

Sitio Web WdCalendar

Visto en webresourcesdepot

Rescatamos este set de iconos de Tutorial9 por su diseño tan original. En cuanto a Diseño Web casi todo se puede interpretar ya. Hemos visto Blogs con estilo de bloc de notas que dan un aspecto de escritorio. Este set nos ofrece 27 iconos con diseño de madera.

Esta pack está diseñado por Dawghouse Design Studio y se pueden utilizar tanto para uso personal y comercial.

Puedes descargar el pack completo desde Tutorial9, gracias por el gran aporte.