Photoshop, Iconos, Recursos Web, Diseño

PSD Freebee es un sitio que a mas de uno les agradara, en el podremos encontrar cantidad de recursos en formato PSD, libres para descargar y utilizar en tus proyectos Web. El sitio es realmente nuevo, hoy no es mucho lo que podremos descargar, pero desde ya lo poco que hay, les gustara y servirá.
Enlace PSD Freebee
Fuente Intenta
Compartelo
WordPress, Plugin, Personalización, Diseño
WP-AdminThemes

Seguramente cada uno de ustedes acostumbrara a dejar su huella en cada escritorio en el cual se sientes a trabajar, inclusive en cada ordenador que suelan usar personalizándolo a gustos personales. Creo que seria bueno no obviar a nuestro querido wordpress. WP-AdminThemes es un nuevo sitio que acaba de lanzar Andrés Nieto, en el podremos crear de la forma mas sencilla posible nuevos themes para el panel de administrador de Wordpress 2.5. Es tan simple de usar, que tan solo deberemos seleccionar o configurar 5 colores básicos que formaran parte de nuestro nuevo panel. Una vez que hemos seleccionado todo, simplemente descargaremos el archivo y lo instalaremos y activaremos como solemos hacerlo con cualquier otro plugin. Lo bueno en WP-AdminThemes es que nos permite compartir cada una de las gamas de colores que hemos creado con el resto de los usuarios o descargar otras ya diseñadas por terceros. Si la imaginación escasea, no se preocupen, podremos crear un theme apartir de las últimas paletas de colores generadas en ColourLovers.
Enlace WP-AdminThemes
Instalar un WP-AdminTheme
- Descargamos el plugin usando el enlace correspondiente
- Subimos el plugin a la carpeta /wp-content/plugins/ de tu Wordpress
- Activamos el plugin desde el panel de administracion Wordpresss
- Seleccionamos la paleta de colores desde el Perfil de tu usuario
- Lo Disfrutamos
Easy Admin Color Schemes

Esta segunda opción es directamente un plugin wp, Easy Admin Color Schemes, desarrollado para WordPress 2,5 el cual nos permitirá también personalizar nuestro panel con los tonos deseados. A diferencia con el de Andres, este plugin nos permite ir configurando todo desde nuestro propio panel, ir guardando cada una de las paletas creadas, y demás.
Instalar Easy Admin Color Schemes
- Descargamos el plugin Easy Admin Color Schemes
- Descomprimir y Subir los archivos a la carpeta /wp-content/plugins/ de tu Wordpress
- Activamos el plugin desde el panel de administración Wordpresss
- Vamos a “Setting” > “Color Schemes” y comenzamos a personalizar.
Compartelo
Patterns, Diseño

jay-han ha publicado en unos de sus post, una bonita recopilación de imágenes Escaneadas de alta calidad sobre “Texturas Jean”, en diversos colores y estilos. Se los recomiendo, este tipo de texturas, en proyectos personales suelen quedar realmente hermosos si sabemos como combinarlos.
Enlace Jeans textures free download
Compartelo
Herramientas, Diseño, Generadores

WaveMyPic una simple aplicación online que nos permitirá añadir a nuestras imágenes, reflejos pero con un efecto de agua en movimiento. Claro esta, que esta pensado para aquellos que busquen resultados realmente rápidos y no deseen algo muy profesional, pero si, algo original. Debo decir que el resultado que obtendremos con WaveMyPic es muy agradable, salvo claro, la publicidad que deberemos soportar. De mas esta decir, que su utilización es realmente fácil, solo deberemos subir una imagen desde nuestro ordenador, y dejar todo el trabajo pesado a WaveMyPic, Ojala todo en la vida fuera así, pero por desgracia, solo sucede en las películas.
Enlace WaveMyPic
Via puntogeek
Compartelo
CSS, Tutoriales, Diseño

Hoy en día todos los que llevamos un blog adelante, o estamos constantemente ligados a Internet por nuestro trabajo, es prácticamente común que no solo dediquemos tiempo a escribir en nuestros blog, sino que también a veces solemos buscar una forma de salir un poco de la rutina diaria participando en diferentes redes sociales, donde solemos compartir imágenes, contar lo que estamos haciendo en un determinado momento, divertirnos con amigos, en fin. Aunque también es común, que no siempre solemos brindar desde nuestro blog los enlaces a ese tipo de redes, sean: twitter, pownce, flickr etc en las cuales participamos. Pero si deseáramos hacerlo, como una forma de que nuestros usuarios nos comiencen a conocer un poco mas, no necesariamente deberemos crear enormes banner que llamen la atención de nuestros usuarios, ya que siempre existen otras alternativas, mas simples, limpias, ordenadas y agradables, que llamara de la misma forma la atención de nuestros usuarios, pero evitando arruinar el diseño de nuestro blog que tanto trabajo no haz costado. La forma más simple, es crear listas con iconos personalizados.
Ver Demo - Descarga Ejemplo
CSS:
-
.mac {
-
font-size: 11px;
-
padding-left: 17px;
-
margin-left: 2px;
-
margin-bottom: 5px;
-
background:url(images/macosx.gif) bottom left no-repeat;
-
List-style:none;
-
}
-
-
-
.clickideas {
-
font-size: 11px;
-
padding-left: 17px;
-
margin-left: 2px;
-
margin-bottom: 5px;
-
background:url(images/cli.gif) bottom left no-repeat;
-
List-style:none;
-
}
-
.pownce {
-
font-size: 11px;
-
padding-left: 17px;
-
margin-left: 2px;
-
margin-bottom: 5px;
-
background:url(images/pow.gif) bottom left no-repeat;
-
List-style:none;
-
}
-
.flickr {
-
font-size: 11px;
-
padding-left: 17px;
-
margin-left: 2px;
-
margin-bottom: 5px;
-
background:url(images/flickr.gif) bottom left no-repeat;
-
List-style:none;
-
}
-
.wordpress {
-
font-size: 11px;
-
padding-left: 17px;
-
margin-left: 2px;
-
margin-bottom: 5px;
-
background:url(images/wordpress.gif) bottom left no-repeat;
-
List-style:none;
-
}
-
.blog {
-
font-size: 11px;
-
padding-left: 17px;
-
margin-left: 2px;
-
margin-bottom: 5px;
-
background:url(images/blog.gif) bottom left no-repeat;
-
List-style:none;
-
}
-
.mail {
-
font-size: 11px;
-
padding-left: 17px;
-
margin-left: 2px;
-
margin-bottom: 5px;
-
background:url(images/mail.gif) bottom left no-repeat;
-
List-style:none;
-
}
-
.tarjeta {
-
font-size: 11px;
-
padding-left: 17px;
-
margin-left: 2px;
-
margin-bottom: 5px;
-
background:url(images/tarjeta.gif) bottom left no-repeat;
-
List-style:none;
-
}
-
.info {
-
font-size: 11px;
-
padding-left: 17px;
-
margin-left: 2px;
-
margin-bottom: 5px;
-
background:url(images/info.gif) bottom left no-repeat;
-
List-style:none;
-
}
Estructura
HTML:
-
-
-
<li class="mac">Usando
<a href="http://www.apple.com">Macintosh
</a></li>
-
<li class="wordpress">Powered by
<a href="http://www.wordpress.org">Wordpress
</a></li>
-
<li class="clickideas">Design by
<a href="http://www.clickideas.net">Clickideas
</a></li>
-
<li class="pownce">My
<a href="http://www.pownce.com/nikko">Pownce
</a></li>
-
<li class="flickr">My Photos
<a href="http://www.flickr.com/photos/14412260@N08/">Flickr
</a></li>
-
<li class="blog">My
<a href="http://www.xyberneticos.com/">blog
</a></li>
-
<li class="mail">My
<a href="http://www.xyberneticos.com/index.php/contacto/">E-mail
</a></li>
-
<li class="tarjeta">My
<a href="http://www.xyberneticos.com/index.php/acerca-de/">vcard
</a></li>
-
<li class="info">More
<a href="http://www.xyberneticos.com/index.php/acerca-de/">Info
</a></li>
-
-
</ul>
Compartelo
Iconos, Diseño

Share Icon, es el icono tradicional para sharethis, es uno de los iconos sociales más populares luego de los rss en Internet. Es sinónimo de enviar fuentes de información a diversos destinos: correo electrónico, favoritos, a amigos en redes sociales, y cada vez se acoplan mas y mas. Si hablamos de diseño con respecto a este icono tan popular, convengamos que es llamativo y hace que sea fácil recordar el fin que cumple para aquellos que lo descubren por primera vez. Pero convengamos también, que no siempre este color verde tan llamativo se adecua al diseño de nuestro blog. Es aquí que Share Icon puede interesarles, es de donde ha surgido este icono social tan popular que vemos hoy en sharethis, lo que significa, que podremos descargar desde allí, este icono tan popular en cantidad de formatos, lo que incluye también formatos AI y EPS completamente editables, para que puedas adaptarlos a los tonos que posees en tu web, o jugar creando nuevos diseños en base a ellos, etc.
Enlace Share Icon
Compartelo
Diseño, Web 2.0

Nunca esta de más, dar participación a nuestros usuarios, cuando deseamos hacer cambios bruscos relacionados a nuestro blog. Lo que incluye, en cuanto al rediseño del mismo o no. Visitar nuestro propio blog cada día, puede llevarnos a pensar mas de una vez ¿es hora de que cambie nuevamente el diseño de mi blog? A veces es difícil decidir al respecto. En este caso, tratándose de xyberneticos, el diseño actual, la verdad que me agrada mucho, y no pienso por momento rediseñarlo por completo. O por lo menos, no a corto plazo, pero si, no estaría mal corregir algunos bugs y añadir algunas cosas nuevas. ¿pero un rediseño completo? Aun no lo se. Aunque Shouldredesign quizás puede hacerme cambiar de parecer, es ni mas ni menos, que un sitio que da lugar a la participación de los usuarios y someter a votación si nuestro blog, esta necesitando un rediseño completo o no, supongo que los resultados podrán sorprendernos, es cuestión de ver, que opinan los usuarios. Si aun no logran decidir por ustedes mismo, dejen que los usuarios en shouldredesign los ayude a tomar una savia decisión al respecto.
Enlace Shouldredesign
Fuente wwwhatsnew
Compartelo
Herramientas, Fuentes, Diseño

Imagino que la mayoría de ustedes siendo amantes del diseño, se habrán preguntado que aplicaciones utilizan aquellos que nos proveen fuentes diseñadas por ellos mismos. Seguramente, mas de uno de ellos, utilizara algún software específico para este fin, pero lo genial, es que para ellos que no necesariamente deseamos dedicarnos a esto de lleno, en Internet podremos encontrar agradables aplicaciones que nos permitirán diseñar nuestras propias fuentes con resultados muy aceptables. FontStruct, es una de las tantas aplicaciones online destinadas a este fin, con una interfaz realizada en flash y muy similar a Paint, con FontStruct es realmente sencillo comenzar a diseñar todo tipo de fuentes que pase por nuestra imaginación. Tan simple como ir dibujando, y corrigiendo cada una de las imperfecciones que vayan surgiendo. Podremos ver un abecedario, en el cual navegaremos e iremos diseñando cada una de las fuentes. Una vez con nuestros diseños terminados, basta descargar, para luego obsequiar o vender nuestras propias fuentes. Inclusive, podremos navegar por fuentes diseñados por otros usuarios y descargar de forma gratuita. Por cierto, FontStruct requiere un registro gratuito que tan solo toma segundos (recuerda validar desde tu casilla de email).
Enlace FontStruct
Via Blogvecindad | Puntogeek
Compartelo
Personalización, Rss & Mail, Diseño


Mas de una vez he pensado que Gmail necesita un pequeño rediseño, creo que mas de uno de ustedes me acompañara en esto. Si bien me agrada todo de gmail, y por eso mismo es mi cuenta favorita, creo que seremos varios los agradecidos cuando el rediseño sea oficial. Mientras esperamos que suceda, hay una alternativa muy bonita desde userstyles, unos complementos, o estilos que podremos integrar a Firefox y que nos permitirá cambiar completamente el estilo de nuestro tan querido gmail.
Tan solo necesitaremos hacer dos pequeños pasos.
- Instalar Stylish extensión para Firefox, y reiniciar nuestro navegador (importante)
- Luego nos dirigiremos a Gmail Redesigned (en userstyles) y daremos un click en el botón “LOAD Into Stylish”.

Y en la ventana que se abrirá, damos un click en guardar. Eso es todo.
El proyecto aun esta en progreso o en Beta, por lo que se aceptan algunos comentarios en la Web del autor. En la versión de Gmail que se encuentra en Ingles funciona muy bien, deberán probarla en otros idiomas y ver que resultados se obtienen. En caso de que haya algún problema visual, leía en la Web del autor, que una vez lanzada la version oficial en Ingles, saldrán las demás en diversos idiomas. Yo lo tengo instalado, y me ha encantado.
Fuente - Lifehacker - informatica-practica
Compartelo
Herramientas, Diseño, Generadores

Hace meses atrás les comente sobre My Cool Button un interesante servicio donde podremos generar de forma muy sencilla botones con mucho estilo 2.0 para diversos fines. En su momento solo nos permitía elegir una serie de botones base, y quizás una sola fuente, pero hoy Matthew me comenta via email todos los nuevos recursos que han decidió incluir. Algo sumamente extraordinario, ya que nos permitirá ahora lograr botones mucho mas personalizados. Las nuevas cosas que encontraremos en My Cool Button, son:
- La opción de elegir entre más de 50 fuentes muy profesionales y agradables.
- La opción de incorporar machismos más iconos que acompañen a nuestros botones
- La opción de elegir colores que se adapten a tus diseños con su paleta de colores 2.0
- Y por ultimo la opción de elegir entre 3 diferentes clase de botones, uno un poco Grunge, uno 2.0 etc. A los cuales también podremos redimensionar al tamaño deseado.
- Por cierto podremos ver todo los cambios en tiempo real.
Enlace My Cool Button
Thanks Matthew
Compartelo