Firebug Lite: para Opera, Safari e IE
Firebug es una extensión para Firefox, pero ¿qué sucede cuando  necesitamos probar las páginas en Internet Explorer, Opera y Safari?
La solución es Firebug Lite, un archivo JavaScript se pueden insertar en sus páginas para simular algunas caracterÃsticas Firebug en navegadores que no tienen el nombre “Firefox”.
Instalación:
Inserte esta lÃnea de código en cualquier página que [...]
Efecto 3D en imágenes con CSS
Román Cortés nos muestra un efecto 3D creado únicamente con CSS & HTML puro, o sea , nada de javascript ni flash.
Para la realización ha usado tres imágenes: dos se corresponden al fondo (paredes) y otra de sprites (3 sprites: uno con el lienzo, niño y perro, otro con las meninas, y el último con [...]
Internet Explorer limita el número de hojas de estilo incluida en el tag “link”
Si se incluyen más de 30 archivos CSS adicionales en un portal por página, el número 31 no tendrá efecto ya que Internet Explorer automáticamente no lo cargará.
Ejemplo:
<link rel="stylesheet" type="text/css" href="style1.css" />
<link rel="stylesheet" type="text/css" href="style2.css" />
<link rel="stylesheet" type="text/css" href="style3.css" />
<link rel="stylesheet" type="text/css" href="style4.css" />
.
.
.
<link rel="stylesheet" type="text/css" href="style31.css" [...]
Consola de Debug en Internet Explorer 8 …
Bien por Microsoft ..!!!!
En Internet Explorer 8, si pulsamos F12, podremos abrir la nueva consola de Debug que trae por defecto.
Esta consola es parecida a la extensión Firebug de Firefox ya que nos permitirá ver y editar los estilos, HTML, depurar y ejecutar Javascripts sobre el navegador.
Sin duda, una de las aportaciones más interesantes de [...]
Libros para el Desarrollo Web (CSS, Javascripts,AJAX)
Navegando encontré una Web que brinda varios libros o manuales en Castellano interesantes para el desarrollo Web, www.librosweb.es , encontrarán libros de:
Introducción a CSS
Referencia de CSS 2.1
CSS avanzado
Javascripts
Introducción a JavaScript
XHTML
Introducción a XHTML
AJAX
Introducción a AJAX
Muy Buena..!!!!
Saludos [...]
Sliedeshow Personalizable con Jquery y Horinaja
Hoy les voy a presentar un script muy flexible para crear presentaciones
Horinaja es un Javascript que permite crear un slideshow completamente personalizable y que además, permite usar indistintamente la versión que utiliza la biblioteca jQuery.
Necesitamos: Libreria: jQuery, y dos plugin a incluir timers y mousewheel
Implementación:
<script src=’jquery-1.3.2.min.js’ type=’text/javascript’></script>
<script src=’timemouse.js’ type=’text/javascript’></script>
<script src=’jquery.mousewheel.js’ type=”text/javascript”></script>
<script src=’class.jquery.js’ type=’text/javascript’></script>
<link rel=”stylesheet” href=”css.css” [...]
Sprites CSS, Qué son y para qué sirven.
En la mayorÃa de páginas web normales, la mayor parte del tiempo se dedica a la descarga de las imágenes. Por tanto, aunque los mayores esfuerzos siempre se centran en reducir el tiempo de generación dinámica de las páginas, se conseguirÃa más y con menos esfuerzo si se mejora la descarga de las imágenes.
La idea [...]
Filtrar propiedades css según el navegador
background: #00f; /* cualquier browser */
*background: #f00; /* IE 7 y anteriores */
_background: #f60; /* IE 6 y anteriores */
Sombras con CSS
Esta muy bueno … en las Web grandes esto nos ayuda un montón, y los rendimientos de carga cambian considerablemente …
HTML
<div id="contenedor">
<div class="sombrafondo">
<div class="sombraCentro">
<div class="sombraFromtal">
<div class="caja">Aca el Texto …o lo que se te cante </div>
</div>
</div>
</div>
</div>
CSS
* {
position : relative ;
}
#contenedor .sombraCentro, #contenedor .sombraFromtal, #contenedor .caja {
left : -2px;
top : -2px;
}
#contenedor .sombrafondo {
background-color : #CCC;
}
#contenedor [...]
