Apr 09

shareico.jpg

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

written by RiCoTeRo X \\ tags: ,




Apr 09

progrecss.jpg

Otra técnica muy agradable para crear barras de progreso animadas, utilizando
solamente CSS. Solo se necesitaran 3 elementos, un contenedor y 2
elementos anidados. Utilizarlas en nuestros proyectos es sumamente
sencillo y personalizarlas, aun más. Sin duda, para algo, serán útiles.

Ver Demo - Descarga y mas Info Pure CSS Animated Progress Bar

fuente: xyberneticos

written by RiCoTeRo X \\ tags: ,




Apr 02

Publicaban ayer en Digital Inspiration una interesante idea para conseguir esquemas de color para usarlos en la redecoración de una habitación, sala etc. Para ello proponen el uso de dos potentes herramientas, flickr y kuler. Podemos aplicar el mismo concepto para obtener paletas de colores que usaremos en nuestros diseños.

Flickr es la comunidad más grande del momento en el tema de fotos,
donde encontraremos instantáneas de todos los tipos y lo más
importante, colores. Por otro lado kuler es una herramienta online
gratuita de la factoría Adobe, con la que, entre otras cosas, podemos
sacar de una imagen los colores que en ella se encuentran. Si mezclamos
ambas herramientas tenemos un recurso muy potente para obtener paletas
de colores a partir de determinadas imagen.

Supongamos que nos encargan la creación de un blog sobre una ciudad
caribeña (metroblog) y no tenemos muy claro que colores usar que
concuerden con la temática que nos mandan. La solución la tenemos en
los dos programas que comentaba. Primero entramos en flickr y buscamos
fotos de paisajes caribeños escogiendo la que más nos gusten sus
colores, por ejemplo esta:

Flickr kuler 1

Seguido nos dirigimos a kuler y dentro de “Create” picamos en “From an Image” para finalmente subir nuestra foto:

Flickr kuler 2

Listo, el programa nos devolverá la peleta de colores que están
presentes en la foto, los cuales usaremos como principales en nuestro
trabajo. Si no tienes idea alguna de color, quédate con la paleta que
te proporciona automáticamente el programa y si tus conocimientos son
algo más avanzados, juega con los punteros de color moviéndolos por
diferentes partes de la imagen hasta que consigas la combinación que
más te guste y cuadre.

Click!

written by RiCoTeRo X \\ tags: , , , ,




Apr 02

Les paso un par de screenshot de paginas echas en su totalidad con css.
Espero que les venga la inspiracion.

MyDezzign

MyDezzign

Creative Pro

Creative Pro

Dexsoft

Dexsoft

D-Mannose

D-Mannose

plus design company

plus design company

written by RiCoTeRo X \\ tags: ,




Mar 29

Ahora ya no tienes excusa para usar bien los CSS :D

1.Elements CSS Frameworks (Source: Project Designs)

2.WYMstyle: a CSS framework (Source: Daniel Reszka)

3.YAML CSS Framework (Source: High Resolution)

4.YUI Grids CSS (Source: Yahoo)

5.Boilerplate CSS Framework

6.Blueprint CSS

7.Schema Web Design Framework
(Source: David Golding Design)

8.CleverCSS

9.Tripoli Beta CSS Framework
(Source: Monc)

10.ESWAT Web Project Framework
(Source: Philip Karpiak)

11.CwS CSS Framework
(Source: Content with Style)

12.My (not really mine) CSS Framework
(Source: That Standards Guy)

written by RiCoTeRo X \\ tags: , ,




Mar 17

freeicon.jpg

Si aun no se cansan de descargar iconos, les recomiendo Free Icons Download un agradable sitio que posee una buena selección de iconos para todos los gustos, en diferentes formatos y en cantidad de tamaños. Los iconos que se ofrecen aquí, no son precisamente diseñados por el sitio, se darán cuenta al navegar por el, que es mas bien una recopilación de iconos, de buenos diseñadores, que a lo largo del tiempo nos han ido brindando este tipo de recursos. Aparte de poder descargar cada pack de iconos gratuitamente, podremos votar por los que consideremos mas agradables, e inclusive enviar nuestros propios iconos o iconos de terceros para almacenar en el sitio y compartir con el resto de la comunidad. Free Icons Download sin duda hará que la tarea de buscar iconos que aun te faltan, sea una tarea realmente fácil.

Enlace Free Icons Download

Via diariothc

written by RiCoTeRo X \\ tags: , ,