Category Archives: CSS

Home »  CSS

Comentarios condicionales, filtros y hacks

On febrero 1, 2012, Posted by , In CSS,Html,Maquetacion, With Comentarios desactivados

Comentarios condicionales En ocasiones, cuando se diseña un sitio web, es preciso aplicar diferentes reglas y estilos en función del navegador. De esta forma, se pueden corregir los errores y limitaciones de un navegador sin afectar al resto de navegadores.Microsoft introdujo en su navegador Internet Explorer 5 un mecanismo llamado…

Responsive Image: Experimenting With Context-Aware Image Sizing

On diciembre 13, 2011, Posted by , In CSS,javascript, With Comentarios desactivados

An alternative approach to fluid images by Filament Group. This technique allows designers to create responsive layouts that serve different image sizes at different resolutions. Effectively, it allows designers to create mobile-optimized images for smaller screens, and then serve higher-resolution versions to larger screens. Filament Group has developed this technique…

Webputty

On julio 21, 2011, Posted by , In CSS,Diseño web,Internet,Maquetacion,Software, With Comentarios desactivados

Genial! http://www.webputty.net/ Firebug superado! Permite modificar tus css, te lo va guardando y lo ves en tiempo real! Y puedo usarlo con Internet Explorer! Site: webputty.net

Hacks específico para distintas versiones de IE

On junio 28, 2011, Posted by , In CSS,Diseño web, With Comentarios desactivados

Una opción es declarar reglas de CSS que solo puedan ser leídas por Explorer.Por ejemplo, agregando un asterisco (*) antes de la propiedad del CSS afectará solo al IE7 y agregando el guión bajo (_) afectara solamente al IE6. Sin embargo, estos métodos no son recomendados porque no cumple con…

Como instalar el IE tester para testerar tu web en todas las versiones de IE

On junio 28, 2011, Posted by , In CSS,Diseño web,Html,Internet,Navegadores,Programas,Tutorial, With Comentarios desactivados

:: IE 10 Preview :: Note that IE10 preview IS NOT installed with IETester. The user must install it itself. Also note that IE10 Preview requires Windows 7 to install on the machine. Starting with IETester version 0.4.10, IE10 preview can be integrated into IETester by following those install steps…

Compatibilidades entre CSS e IE

On febrero 24, 2011, Posted by , In CSS,Navegadores, With Comentarios desactivados

Interesante resumen ern una clara gráfica sobre las reglas CSS compatibles o no con IE. Note  All columns marked “Internet Explorer 9″ are preliminary content. They may be changed substantially prior to commercial release of the software described herein.With each new release of Windows Internet Explorer, support for the World Wide Web…

IE tester, con IE9

On febrero 24, 2011, Posted by , In CSS,Diseño web,Navegadores,Tutorial, With Comentarios desactivados

Para comprobar mi página web en todas las versiones de Internet Explorer, @Quintin Lippiatt me sugirió un programa gratuito, IETester que lo hace de maravilla. Le falta la versión de IE9, puesto que no han seguido desarrollando dicha aplicación. Aquí copio un pequeño tutorial de cómo añadir manuealmente el IE9…

Efecto Lightbox con css + javascript

On noviembre 10, 2010, Posted by , In CSS,Diseño web,javascript, With Comentarios desactivados

Lightbox es un script desarrollado con javascript que nos permite abrir ventanas emergentes con más estilo que las habituales popup. Como esta librería existen muchísimas mas, como por ejemplo la lightview.Bueno pero este no es el punto principal, vía unijimpe me encuentro con la posibilidad de nosotros poder “desarrollar” nuestra…

Framework CSS para crear estructuras perfecta

On octubre 4, 2010, Posted by , In CSS,Framework, With Comentarios desactivados

Utilizar un Framework termina siendo más una desventaja que una ventaja, especialmente cuando nos referimos a Frameworks CSS, CSS no es complicado para nada y no veo la necesidad de contar con una ayuda tan grande sobrecargando una aplicación con esquemas que nunca utilizaremos, no obstante me llamo mucho la atención…

¿Qué son los sprites en css y como usarlos?

On junio 14, 2010, Posted by , In CSS, With Comentarios desactivados

Los sprites son imágenes destinadas a ahorrarte tiempo de carga a la hora de llamar las imágenes en tu sitio web. Cada sprite está compuesto por un conjunto de pequeñas imágenes. Tomemos como ejemplo el portal de videos Youtube, el cual tiene muchos iconos e imágenes(más de 20). En lugar…