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 ...

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 ...

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 ...

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 ...

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 ...

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 ...

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 ...

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 ...

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 ...

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 ...

El nuevo iPhone Blanco de Apple es la nueva sensación y si quieres integrarlo en tu página o deseas editarlo puedes conseguir una edición del mismo en formato PSD. Este archivo es Real PSD y no está renderizado. Está diseñado por Zandog (AG Design) y tiene una gran calidad de imagen. Esta realizado al detalle igual que el nuevo iPhone 4 blanco de Apple. Esta diseñado con 150 capas distribuidas en más de 20 grupos. El archivo PSD pesa 5 MB. Autor Zandog Descarga iPhone 4 Blanco ...

Una de las mejores aplicaciones de escritorio para editar en Css es Dreamweaver, no obstante si utilizas varios equipos o te resulta más comodo editar con herramientas online puedes utilizar estas herramientas que te proponemos. CSSDesk – Online CSS Sandbox Una de las mejores herramientas online para editar Css ya que puedes previsualizar los cambios de forma rápida y simple. Permite colorear el código además puedes descargar el archivo resultante una vez termines de editarlo. Te recomendamos que lo pruebes. CSS Formatter and Optimiser Con esta herramienta puedes pegar directamente tu archivo Css o enlazar a la ruta donde tienes alojado el mismo para poder editarlo. Además dispones de un informe con los cambios realizados al archivos Css. Online CSS Editor Con Online Css Editor puedes editar directamente tu Código y además previsualizar los cambios y una vez terminado tu trabajo te permite al igual que CSSDesk exportar a un archivo. CSS Compressor Con CSS compressor puedes optmizar ...

Si estás diseñando iconos estas texturas te pueden servir para ello. Dispones de 23 texturas aleatorias perfectas para tus creaciones con un diseño liviano y sencillo que podrás integrar perfectamente con tus iconos. Estas texturas tienen una resolución de 100 x 100 con lo que será suficiente para tu propósito. Están diseñadas por raquelbazanelli y los puedes descargar tras el salto. Descarga | 23 Texturas aleatorias Autor | ...

Adobe ha actualizado recientemente toda su gama de diseño para el profesional para todos sus productos, Photoshop, Dreamweaver, illustrator, inDesign… entre ellos Adobe® Creative Suite® 5 Design Premium que cuenta con las aplicaciones necesarias para cualquier diseñador. Adobe® Creative Suite® 5 Design Premium contiene las aplicaciones necesarias para conseguir resultados excepcionales en diseños para impresión, web, interactivos y para dispositivos móviles. De todos conocido Photoshop o Firewoks para diseño web y illustrator y inDesign para diseñadores gráficos. Entre las novedades te permite realizar el trabajo de forma más rápida y más eficiente, probado en Mac resulta mucho más rápido la carga de las propias aplicaciones. Como novedad también puedes probar el nuevo Adobe Flash Catalyst que te permite realizar tus creaciones sin necesidad de escribir código. Ahora también hay una nueva aplicación Adobe Helper con consejos multimedia en linea. Adobe Groups para unirte a la comunidad de diseñadores en internet y muchas mejoras que ...

Hay personas que prefieren editar las hojas de estilo como si fuera texto plano, usando programas como el bloc de notas, y también hay personas que gustan de usar programas especialmente diseñados para manejar código. puede ser dentro de otra aplicación más grande (IDE) o incluso como una aplicación independiente; en The Design Mag hicieron una lista con 14 editores de código CSS, ideal para quienes sean desarrolladores y/o diseñadores Web. Free CSS Toolbox Se trata de una aplicación para Windows la cual permite editar y dar formato al código, incluso validar mientras se escribe; incluye una herramienta para comprimir el archivo y ahorrar espacio. También incluye la opción de resaltar partes de código y corrector se sintaxis; es un excelente recurso y es gratis. Enlace | Free CSS Toolbox Simple CSS Se trata de otro editor gratuito, que corre en Mac, Windows y Linux; permite manejar proyectos con varias hojas de estilo e incluye ...