Archivo de la etiqueta: Diseño

6 sitios para generar favicons

Publicado el por
Responder

Los favicons son muy importantes en un sitio web ya que son un identificador de nuestra marca. Cuando alguien guarda nuestro sitio en marcadores, ese favicon es el que se mostrará en la lista, ayuda mucho en la identificación.

A medida que escribo estas líneas veo que este mismo sitio tiene algún tipo de problema para cargar el favicon, así que me voy a poner las pilas y ver qué es lo que pasa. Mientras tanto les dejo una excelente selección de 6 herramientas para generar favicons online.

1- Favicon.cc
2- Degraeve
3- Genfavicon
4- Favicon Generator
5- Dynamicdrive
6- Dagondesign

Visto en TechSali

bluePen Editor: Editor CSS online en tiempo real

Publicado el por
Responder

bluePen Editor
bluePen Editor es un genial y completo editor de estilos CSS online que nos permite editar las hojas de estilo de nuestro sitio web “en vivo”. Este editor se instala en cualquier server que tenga soporte para PHP, y luego nosotros tenemos que vincular un JavaScript desde la página en la cual queremos hacer la edición.

Lo bueno es que este editor tiene un funcionamiento basado en capas, algo muy similar a lo que podemos hacer en Photoshop. Es una herramienta muy útil para desarrolladores y diseñadores web, ya que al ser edición en tiempo real les ahorrará muchísimo tiempo en sus proyectos.

Enlace: bluePen Editor

Visto en WebResourcesDepot

Símbolos de los chakras en formato PNG, SVG y AI

Publicado el por
Responder

chakras
Para los que estén buscando los símbolos de los chakras en diferentes formatos quiero dejarle este hermoso set que les puede ser de muchísima utilidad. En el post oficial van a encontrar lo siguiente:

›› CHAKRAS.ai ( Adobe Illustrator )
›› CHAKRAS.svg ( SVG Vector )
›› CHAKRAS.png ( PNG )

Enlace: Chakras

Visto en Diego Mattei

Las mejores búsquedas:

  • chakras svg

Antwort, plantilla responsive para newsletters

Publicado el por
Responder

responsive-graphic
Antwort es una plantilla gratuita para newsletters que tiene la ventaja de ser responsive, es decir que se adapta a cualquier dispositivo donde lo estemos leyendo para hacerlo de forma correcta.

Lo bueno es que es una plantilla que tiene compatibilidad con todos los sistemas para leer mails, así que de esta forma nos aseguraremos de que la gente podrá leerlos correctamente sea donde sea.

Enlace: Antwort

Impresionante set de 600+ íconos Windows 8 Metro

Publicado el por
Responder

metro_ui_dock_icon_set
Estoy seguro que para todos los diseñadores que leen el blog este recurso les va a ser de muchísima utilidad, se trata deun set de más de 600 íconos con diseño Metro de Windows 8 (678 para ser exactos).

En el pack de 32MB van a encontrar íconos de navegadores de internet, aplicaciones populares, redes sociales, sitios conocidos de internet, y muchísimas cosas más. Todos los íconos tienen resolución de 512×512 px.

Enlace: Metro UI Dock Icon Set

Set de íconos sociales en blanco y negro

Publicado el por
Responder


De vez en cuando nunca viene mal un buen set de íconos sociales para agregar a nuestros diseños web, por eso quiero dejarles este pack gratuito creado por Onextrapixel.com, donde encontramos íconos con diseño en blanco y negro muy elegantes y completos para las redes sociales actuales.

Enlace: Black & White Minimal Social Icons Pack

Visto en Kabytes

Las mejores búsquedas:

  • icono facebook negro
  • diseños blanco y negro
  • iconos redes sociales ai
  • iconos redes sociales blancos
  • iconos web black

45 plantillas en HTML5 y CSS3 Gratis

Publicado el por
Responder


Siempre es un buen recurso tener un buen pack de plantillas gratis para utilizar emn proyectos que no requieran de mucha originalidad o bien para personas que no saben mucho de diseño y programación web.

En este caso quiero dejarles esta recopilación de 45 plantillas en HTML5 y CSS3 gratis para que puedan descargar y usar en sus sitios. Lo bueno de esto es que al estar hechas en HTML5 y CSS3 estaremos actualizados con lo “último”.

Enlace: 45 Fresh and Free HTML5 And CSS3 Templates

Las mejores búsquedas:

  • descargar plantillas web gratis en español
  • plantillas html5 css3 gratis
  • plantillas web gratis en español para descargar
  • template html5
  • plantillas html5 css3
  • plantillas web gratis html5
  • plantillas para paginas web html gratis en español
  • descargar plantillas web html gratis en español
  • plantillas web html5
  • plantillas html5 y css3

Crear cajas con flechas totalmente en CSS sin imágenes

Publicado el por
Responder


Cssarrowplease es una genial herramienta que nos permite crear elegantes cajas con flechas totalmente en CSS sin ningún tipo de imágenes y sin tener conocimientos de CSS. Su uso es muy simlpe, sólo tienen que configurar los parámetros para que se adecuen a lo que quieren, como por ejemplo elegir la posición de la flecha, los colores de fondo y borde, ancho de borde, tamaño de la flecha, etc.

En tiempo real podrán ir viendo los cambios en el ejemplo, y si les gusta sólo tienen que copiar el CSS que se genera a la derecha y listo.

Enlace: Cssarrowplease

Visto en WebResourcesDepot

Las mejores búsquedas:

  • flechas css
  • flechas con css
  • flechas con css3
  • crear flechas con css
  • css caja con flecha
  • hacer una flecha con css
  • colocar flechas css
  • diseñar flechas con divs
  • crear flecha con css
  • imagenes de estuches para flechas

PatterSpot: Miles de patterns para Photoshop

Publicado el por
Responder


Los patterns son un recurso esencial para los diseñadores, y si bien hay miles de sitios que ofrecen patterns gratis, también vale la pena recomendar otros sitios que venden patterns, como lo es PatternSpot.

En este sitio vamos a encontrar una gran cantidad de patterns para Photoshop a precios muy accesibles y listos para ser utilizados en cualquiera de nuestros proyectos. Los precios son realmente baratos así que tenganlo en cuenta para a la hora de agrandar su biblioteca de recursos.

Enlace: PatternSpot

Visto en MoMB

Las mejores búsquedas:

  • patterns para photoshop cs5 gratis

Agregar marcas de agua online con Water Marquee

Publicado el por
Responder


Water Marquee es una útil herramienta que nos permite agregar marcas de agua online a nuestras imágenes. En principio se trata de un servicio totalmente gratuito, pero sus funcionalidades se limitan a agregar marcas de agua en forma de texto o imágenes.

También dispone de una versión pro, con varias características interesantes como efectos avanzados en las marcas de agua, agregar marcas “repetitivas”, y varias cosas más. Lo bueno es que el precio es ínfimo, sólo 12 dólares por año.

Water Marquee

Visto en Techtrickz

Nuevo diseño: 140 Geek se viste de verde!

Publicado el por
5

El pobre 140 siempre se vió igual desde su nacimiento el 29 de noviembre de 2009, por eso creí que había llegado el momento de hacerle un lavado de cara para festejar sus 2 años (en realidad ni me acordé que había cumplido 2 años :P).

Luego de unos 2 o 3 días de trabajo les quiero presentar el nuevo diseño de 140, con color central en verde que la da mucha más vida. El diseño es aún más “minimalista” que el anterior, carga muy rápido, y espero que les guste.

¿Qué les parece este nuevo diseño? ¿Alguna sugerencia?

Socialis: Elegantísimo pack de íconos sociales

Publicado el por
2


Socialis es un excelente y elegante pack de íconos sociales diseñados por DesignKindle y que lo pone a disponibilidad de todos. Es realmente hermoso el diseño de cada ícono, por eso se los recomiendo.

El pack pesa poco más de 2MB y los íconos sociales están en PNG y PSD, listos para ser utilizados o editados en nuestro programa de edición.

Socialis

Íconos de Star Wars

Publicado el por
Responder


Este post está dedicado a los geeks, ya que se trata de un pack de íconos de Star Wars en formato PNG para que puedan utilizar como más les convenga.

Descargar

Las mejores búsquedas:

  • star wars icons
  • iconos star wars
  • iconos de star wars
  • icon star wars
  • starwars ico
  • Star Wars ico
  • star wars iconos
  • stars wars
  • starwars icons
  • icone star wars

Íconos de banderas de todos los países

Publicado el por
Responder


Cuando estamos diseñando un sitio siempre es bueno tener todo tipo de recursos, por eso quiero recomendarles este pack de íconos de banderas en PNG para que descarguen gratis.

El pack de íconos de banderas incluye banderas de 203 países en formato PNG Y PSD.

Íconos de banderas

Visto en Kabytes

Las mejores búsquedas:

  • iconos de banderas para iphone
  • banderas para iphone
  • banderitas para iphone
  • banderas para imprimir gratis
  • emoticones de banderas para iphone
  • IMAGENES DE BANDERAS DE TODOS LOS PAISES
  • vaderar detodos lospaises

Generar animaciones de cargando o loading en puro CSS

Publicado el por
2


CCLoad es un sitio muy útil que nos permite generar animaciones de cargando o loading en puro CSS, sin necesidad de imágenes.

Sólo tienen que elegir el diseño deseado entre los que están disponibles y luego personalizarlo a gusto, pudiendo elegir los colores, el tamaño y la velocidad de la animación. Una vez que terminan el diseño pueden descargar el código CSS para su aplicación.

CCLoad

Visto en WebResourcesDepot

Las mejores búsquedas:

  • tabla periodica blanco y negro
  • fondos ecologicos para diapositivas
  • logos ecologicos
  • cargando css