Categoria: Tutoriales

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

CSS Selectors:Guía rápida para entender los selectores CSS

En una entrada anterior, hablaba de lo importante que resulta para los diseñadores web aprender y dominar HTML y CSS. Una de las cosas que mencionaba en ese articulo, era que lo más importante no es aprenderse de memoria cada uno de los selectores CSS. Si no tan son entender como funciona CSS. CSS Selector es una pequeña pagina de referencia que si o si debes de tener en tus favoritos, dicha web nos presenta cada uno de los selectores que podemos usar en CSS, acompañados con una breve descripción de lo que hace el… Continuar Leyendo

Tags: , , - Continuar Leyendo

Guía básica para aprender HTML y CSS

En una entrada previa escribí sobre la importancia de aprender a maquetar para los diseñadores. Para esto necesitamos mínimo aprender HTML y CSS, con el tiempo y confianza se puede ir aprendiendo un poco de Javascript. Como bien he dicho aprender HTML y CSS es realmente sencillo, no necesitamos aprendernos todas las etiquetas ni nada por el estilo, simplemente se trata de ir aprendiendo como es que funciona cada una de estas dos herramientas, con la practica te moverás como pez en el agua. Recursos en internet hay muchos. Hoy te recomiendo que empieces con… Continuar Leyendo

Tags: , , , , - Continuar Leyendo