Categoría: CSS

FrankDeLoupe: Gran Selector de colores en Mac Os X

En alguna entrada previa hemos visto aplicaciones como Color ViewFinder, la cual nos permite crear una paleta de colores a partir de una imagen o también sitios como colourlovers que nos permiten obtener paletas de colores fácilmente. Uno de los problemas más comunes(al menos en mi caso) es que después de llevar una buena parte del diseño se me olvida el código del color que quiero utilizar en alguna otra parte. Para solventar esta problemática me valgo de herramientas como firebug o algún plugin del navegador que funciona como el gotero de Photoshop y puedo… Continuar Leyendo

Tags: , , - Continuar Leyendo

Coderwall: Red Social para Diseñadores y Desarrolladores Web

Las redes sociales son hoy un medio muy importante, en lo particular soy un usuario activo de Twitter. Uno de los usos más comunes que le doy es seguir a personas que se dedican a temas relacionados a mi trabajo: Desarrolladores y Diseñadores Web, generalmente voy marcando como favoritos los enlaces o tips que estos expertos comparten. Lamentablemente Twitter no permite organizar estos Twitts. Si echas un vistazo a tu lista de favoritos encontraras que tienes una lista de Twitts de diversos temas. ¿No seria genial poder organizar estos twitts? mejor aun ¿No seria genial… Continuar Leyendo

Tags: , , , , - Continuar Leyendo

Aplicando el efecto Text-Shadow de Css3 rápidamente

Conforme pasan los meses siguen saliendo nuevos recursos en la web que nos permiten hacer uso de las propiedades Css3 de una manera rápida. El recurso de hoy nos permitirá aplicar unos cuantos efectos vistosos con la ayuda de la propiedad text-shadow de una manera muy sencilla. El uso es muy sencillo, escribimos la palabra u oración de ejemplo, y seleccionamos los estilos predefinidos que se nos ofrecen: – Pressed – Embossed – Neon – Fire – 3D – Retro – Acid – Shadow – Alpha – Alpha 3D – Anaglyphs – Blur Rápidamente podemos… Continuar Leyendo

Tags: , , - Continuar Leyendo

Galería hecha con CSS3

El día de hoy vamos a construir una galería a base de puro css, de paso, aprenderemos algunas propiedades CSS3 y como usarlas en tus futuros proyectos. Demo Código fuente La estructura Vamos a definir la estructura de nuestra galería: básicamente estamos hablando de crear un contenedor el cual va a contener nuestra foto, una breve descripción de la imagen junto a la fecha en que se subió. el código se vera de la siguiente manera <div id=”container”> <h1>Galería con imágenes </br> de Instagram</h1> <a class=”return” href=”#”>Regresar al Tutorial</a> <div class=”box”> <a href=”http://ink361.com/#/photos/159380171328983092_1459995″ target=”_blank” class=”anchor-hover”>… Continuar Leyendo

Tags: , , - Continuar Leyendo

CSS3 Generator:Aplicando efectos CSS3 rápidamente

Seamos sinceros, CSS3 es maravilloso y espectacular, pero (siempre hay un pero), aun en el año 2012 usar cualquiera de las propiedades puede resultar un dolor de cabeza. La culpa la tienen las empresas que pujan por estas tecnologías,Mozilla, Microsoft, Apple y claro la falta de definición del estándar. Por lo tanto para que una propiedad CSS3 pueda ser aplicada en todos los navegadores tenemos que anteponer un prefijo: -moz para Firefox, -webkit para Chrome y Safari y finalmente la propiedad que se supone es el estándar. Tal vez una propiedad no resulta molesto, pero… Continuar Leyendo

Tags: , , - Continuar Leyendo

CssDeck: Recopilación de trabajos hechos en CSS

Toca, juega y aprende Esa siempre ha sido mi frase para CSS, los alcances que se tienen con CSS los define uno mismo. Si no me crees te invito a visitar Cssdesk. Cssdesk es un sitio web que recopila un buen numero de ejemplos realizados a base de CSS puro, estos ejemplos son subidos por la comunidad, pudiendo tu subir los tuyos. Cada uno de los ejemplos que nos encontramos cuenta con su código HTML y CSS, así como su resultado final. Ya sea que estés en busca de inspiración o quieras aprender como resolver… Continuar Leyendo

Tags: , , , - Continuar Leyendo