• Diseño

Cliente: Accyona
Producto: Tarjetas personales

• Configuracion de Dominio
• Personalización del Sitio
• Ingreso de Datos
• Cuentas de Mail
• Capacitación del uso del sistema.

Cliente: Accyona
Sitio: www.accyona.com.ar

Son muchos los que tiene un sentimiento especial por los tipos de fuente, gente que se gana la vida desarrollando tipos de letras para aquellos adictos, con buen gusto y con ganas de tener textos destacables, pues este es un experimento que tiene que ver con la tipografía, pero un tanto juguetón y con seguridad mucha dedicación. Se trata de unos kailedoscopios tipográficos, fantástica idea de Katerina Orlikova’s para un seminario en el que participó denominado “Light and Typography”.

No hablemos más y disfrutemos de esta hermosura.

Fuente: Behance

365psd.com es una pagina web que tiene como objetivo, entregar un .psd (archivo de photoshop editable) cada dia. Puedes descargar psds de todo tipo de cosas, pero principalmente de GUI.

365psd.com fue creado por Jonno Tie y las descargas estan disponibles para todos!

Enlace: 365psd.com

Siempre he visitado Tutorial9.net por sus excelentes recursos, pero esta vez me ha dejado atónito, sí, tal como el título lo dice, es solo una semana para descargar 400 iconos, 4 Themes WordPress Premium, 3 Tumblr Themes y más gratis !, y el único requisito es suscribirte a una minirevista que esta preparando, esto es asombroso.

No esperes más, la descarga esta habilitada hasta el 16 de Noviembre (2009), apresurate!!

Descarga | 25.5mb

Fuente Gratuita Oval. Font Fabric. Algo a lo que estas ambles personas ya nos tienen acostumbrados, han liberado na fuente nueva, y nos regalan un probadita. #font

E-commerce WordPress Theme AppCloud. ICreativeLabs. Esto les sonara familiar, pues unos dias atrás les habiamos contado de la liberacion de este theme en PSD, pero les pudo mas la bondad, y nos lo regalan ahora pero en un hermoso, elegante y bien diseñado theme WordPress. #theme

40 Nuevas y Usables Herramientas para los Desarrolladores Web. Noupe. Quien necesita herramientas? Todos. Creo que si no existieran las miles y miles de posibilidades que existen en el desarrollo Web, esta tarea sería terriblemente complicada, pero eso no sucede en un mundo donde esto esta a la orden del día, aqui hay 40 de las mejores. #herramientas

Como insertarlo?

Necesitas tener dos cosas, inluir los iconos (van incluidos en la una carpeta, en el archivo descargable) en una carpeta llamada images en tu theme

e incluir el código mostrado abajo en el archivo style.css de tu theme y ya están listas las cajas de texto en CSS.
[css autolinks="false" classname="myclass" collapse="false" firstline="1" htmlscript="false" light="false" ruler="false" smarttabs="true" tabsize="4" toolbar="true" language="true"]
.corazon, .casa, .descarga, .autor, .feed, .lapiz, .herramienta, .alerta, .comentario, .candado, .libro {
border: 1px solid #CCCCCC;
margin: 15px 24px 15px 10px;
padding:10px 10px 10px 50px;
background-position: 10px center;
}

.corazon {
color: #2E2D2D;
background: #DEF2FB url(images/corazon.png) 15px 15px no-repeat;
}
.casa {
color: #2E2D2D;
background: #EFF8DF url(images/casa.png) 15px 15px no-repeat;
}
.descarga {
color: #2E2D2D;
background: #FEF7D9 url(images/descarga.png) 15px 15px no-repeat;
}
.autor {
color: #2E2D2D;
background: #D0E0E3 url(images/autor.png) 15px 15px no-repeat;
}
.feed {
color:#2E2D2D;
background: #EFF8DF url(images/rss.png) 15px 15px no-repeat;
}
.lapiz {
color: #2E2D2D;
background: #E3EFE3 url(images/lapiz.png) 15px 15px no-repeat;
}
.herramienta {
color: #2E2D2D;
background: #F8E4C1 url(images/herramienta.png) 15px 15px no-repeat;
}
.alerta {
color: #2E2D2D;
background: #E8AFB2 url(images/alerta.png) 15px 15px no-repeat;
}
.comentario {
color: #2E2D2D;
background: #D2E3E8 url(images/comentario.png) 15px 15px no-repeat;
}
.candado {
color: #2E2D2D;
background: #FFDCDC url(images/candado.png) 15px 15px no-repeat;
}
.libro {
color: #2E2D2D;
background: #EFF8DF url(images/libro.png) 15px 15px no-repeat;
}[/css]

Como lo uso?

Para usarlo es sencillo, aca una muestra:
[css autolinks="false" classname="myclass" collapse="false" firstline="1" htmlscript="false" light="false" ruler="false" smarttabs="true" tabsize="4" toolbar="true" language="language="true"] <p class="corazon">Cajas de mensajes en CSS</sourcecode>
<p class="casa">Cajas de mensajes en CSS</p>
<p class="descarga">Cajas de mensajes en CSS</p>
<p class="autor">Cajas de mensajes en CSS</p>
<p class="feed">Cajas de mensajes en CSS</p>
<p class="lapiz">Cajas de mensajes en CSS</p>
<p class="herramienta">Cajas de mensajes en CSS</p>
<p class="alerta">Cajas de mensajes en CSS</p>
<p class="comentario">Cajas de mensajes en CSS</p>
<p class="candado">Cajas de mensajes en CSS</p>
<p class="libro">Cajas de mensajes en CSS</p>[/css]

Como se mira?

Ya en uso se ve de esta manera.

Cajas de mensajes en CSS

Cajas de mensajes en CSS

Cajas de mensajes en CSS

Cajas de mensajes en CSS

Cajas de mensajes en CSS

Cajas de mensajes en CSS

Cajas de mensajes en CSS

Cajas de mensajes en CSS

Cajas de mensajes en CSS

Cajas de mensajes en CSS

Cajas de mensajes en CSS

Deseas verlo en acción?

Pues para que te des cuenta que bonito queda, aca te paso todo lo que necesitas, en un enlace de descarga, y sí, usando una caja de mensajes en CSS.

Descargar | 94.5kb

1. Line 25 entrevista a Fabio Sasso de Abduzeedo

2. Spyre Studios entrevista a Grant Friedman de Colorburned

3. Line 25 entrevista a Chris Coyier de CSS-Tricks

4. Spyre Studios entrevista a Danny Outlaw de Outlaw Design Blog

5. Spyre Studios entrevista a Jacob Gube de Six Revisions

6. Vandelay Design entrevista a Tyler de Snobby Slice

7. Creative Nerds entrevista a Chris Spooner de Spoon Graphics

8. Spyre Studios entrevista a Steven Snell de Vandelay Design y Designm.ag

9. Spyre Studios entrevista a Brian Hoff de The Design Cubicle

10. WebDesigndev entrevista a Adii Rockstar de WooThemes (*En Español)

Tu turno

Piensas que lo que dicen es verdad? Que aportarías como fan, desarrollador o diseñador a las ideas que estos chicos mencionan en sus entrevistas?

Index

Detalles

Checkout

Descargar | 2.30MB