elWebmaster.com

Trucos | CSS | background

CSS3: Cómo darle estilo a una lista usando un solo píxel

css3Una imagen de fondo de un sólo píxel puede ser algo muy versátil. Con repeat-x puede ser una línea horizontal, repeat-y hace una línea vertical y repeat la transforma en un color relleno.

Simplemente como una prueba divertida del concepto, podemos utilizar esto para crear una lista ordenada con subdvisiones. En esta nota te contamos cómo utilizar esta herramienta de CSS para lograrlo. Seguir leyendo

08/oct/09, 09.04 Micaela Comentar

CSS | tipograf√≠a | Dise√Īo Gr√°fico

C√≥mo determinar el tama√Īo de fuente con CSS (¬Ņpx, em, %, pt o keyword?)

tipografia2Cuando se trata de programar el tama√Īo de una fuente en CSS, tenemos varias opciones. Cada una de las opciones tiene una funci√≥n espec√≠fica y algunas ventajas y desventajas seg√ļn el uso que se le d√©.

Para empezar, puedes aplicar una palabra clave como p { font-size: small; } o un valor n√ļmerico. Si decides esta segunda opci√≥n, necesitar√°s declarar una unidad de medida fija que a su vez ofrece cuatro opciones: px, em, % o pt. ¬ŅCu√°l es mejor? Depende… Hechemos un vistazo. Seguir leyendo

23/abr/09, 13.08 Micaela 13 comentarios

Dise√Īo | javascript | pixel

Cómo arreglar píxeles borrosos en Flex

flexLos p√≠xeles borrosos son l√≠neas semi-transparentes que aparecen en los bordes de los sprites y los hacen lucir borrosos o difusos. Esto es el resultado de posicionar un sprite dibujado como se acostumbra en n√ļmeros de p√≠xeles no enteros.

La mayor√≠a de las veces un sprite se programa en un n√ļmero de p√≠xeles decimales porque el posicionamiento est√° basado en una ecuaci√≥n matem√°tica. Uno de los mayores problemas con esto es que el p√≠xel borroso posee un efecto de catarata que har√° que todo lo contenido en n√ļmeros decimales de ese sprite¬† posea ejes semi-transparentes. Seguir leyendo

23/mar/09, 10.58 Micaela Comentar

plagio | copyright | buscador

TinEye: buscando las im√°genes plagiadas de tu blog

TinEye es un nuevo buscador que va a dar que hablar. Se trata de un buscador de im√°genes que indexa los p√≠xeles de las mismas, tal como Google hace con el texto de sitios web. En TinEye, en vez de escribir alguna frase o palabras clave para buscar, debemos subir una imagen alojada en nuestra computadora o su URL de la web. Luego el sistema “indexar√°” sus p√≠xeles y los comparar√° con su base de datos de millones de im√°genes.

De esta forma podemos conseguir versiones gigantes de fotos o ilustraciones que pose√≠amos como thumbnails o en baja resoluci√≥n, adem√°s de usar el buscador para fijarnos si en alg√ļn sitio web han alojado im√°genes con copyright sin autorizaci√≥n.

19/ago/08, 12.00 Juan Manuel Comentar

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder