viernes, septiembre 01, 2006

Indice: HTMLCSS

INDICE: HTML/CSS


Tooltips usando CSS

Tooltip no es una palabra que pueda traducirse con facilidad. Estas ventanitas, generalmente de fondo amarillo o gris, aparecen cuando colocamos el puntero del ratón sobre un objeto de la pantalla ...

Tooltips vs Popups

Los Post expandibles y las Tooltips avanzadas, no son otra cosa que una forma de mostrar y ocultar elementos de manera dinámica, manipulando sus propiedades ...

Curvas y redondeces

La moda obliga a redondear las formas. Los bordes curvos son la marca que identifica las nuevas tendencias de la Web-2 ...

margin VS padding

Parece que las propiedades margin y padding provocan alguna confusión. Si a eso le agregamos que su resultado es diferente según sea el navegador ...


Socorro, mi página no valida

15 consejos para trabajar con CSS

Los estilos por defecto


Firefox, IE6, IE7, todos distintos

Cuando diseñamos nuestra página y la probamos en otro navegador, lo normal es que no funcione correctamente ¿Por qué? ...


DHTML: las páginas dinámicas

El HTML dinámico, también conocido por las siglas DHTML (Dynamic HTML) está basado en una idea de lo más simple: convertir las etiquetas tradicionales del HTML en objetos programables ...


¿Qué software necesito para aprender HTML?

Tengo una opinión bastante particular sobre este tema. Cada vez que me preguntan, siento que mi respuesta decepciona: no se necesita ningún programa especial, basta y sobra el block de notas de Windows o cualquier aplicación similar ...


SlideShow simple

SlideShow simple (2)

Estas rutinas crean slideshows que permiten colocar cualquier cantidad de imágenes que se reproducirán a una velocidad dada ...


De menúes expandibles y navegadores confundidos

No tengo reglas o consejos que aportar, sólo tres ejemplos de menúes desplegables que funcionan tanto en Firefox como en Internet Explorer ...


HTML

Desplazamientos de textos (MARQUEE)

La etiqueta MARQUEE crea una marquesina cuyo contenido se desplaza ...


Los anclajes

La etiqueta META

Los símbolos

Ventanas con IFRAME

Listas largas en pequeños espacios

mailto

El atributo HREF vacío

Una nueva META de Google


Malditas tablas (Parte 1)

Malditas tablas (Parte 2)

Malditas tablas (Parte 3)

Malditas tablas (Parte 4)

Malditas tablas (Parte 5)

Las tablas en Blogger son un problema hasta que descubrimos algo: hay que escribir todo el código en una sola línea ...


Comillas, comillas, comillas

Enlaces con efectos (sonidos)

Enlaces con efectos (animaciones)

Object: La etiqueta multimedia

Algo sobre colores

Cómo abrir TODO en una nueva ventana

La culpa de todo la tiene DOCTYPE


CSS

CSS rápido (Parte 1)

CSS rápido (Parte 2)

CSS (Cascading Style Sheets) es un mecanismo para adicionar un estilo (fuentes, colores, etc) a un documento HTML ...


Orden de prioridades

Selectores condicionales

Comentarios condicionales

After y Before

Las unidades de longitud

Más propiedades

Los elementos flotantes

CSS: los cursores

Precargar imágenes con CSS

Flechitas flechitas

Varias clases juntas


CSS y los textos (Parte 1)

CSS y los textos (Parte 2)

CSS y los textos (Parte 3)

CSS y los textos (Parte 4)

Los textos poseen propiedades de estilo CSS específicas. Esta es una lista de esas propiedades ...


Las imágenes (Introducción)

Las imágenes (Bordes)

Las imágenes (Posición)

Las imágenes (Filtros)


Un poco más allá de las imágenes (1ª parte)

Un poco más allá de las imágenes (2ª parte)

Un poco más allá de las imágenes (3ª parte)

Un poco más allá de las imágenes (Zoom)

Un poco más allá de las imágenes (Preload)

Una "rareza" del CSS es que tiene la posibilidad de manejar las imágenes como capas (layers) lo que permite que se "deslicen" unas sobre otras, creando efectos ...


Albumes de imágenes (1)

Albumes de imágenes (2)

Albumes de imágenes (3)

Simples albúmes de imágenes realizados con CSS ...


Textos degradados con CSS

Imágenes perdidas en IE


Ubicando elementos usando CSS (1ª parte)

Ubicando elementos usando CSS (2ª parte)

Ubicando elementos usando CSS (3ª parte)

Todos los elementos de una página web son rectángulos. Cuando agregamos alguno, lo que hacemos es decirle al navegador que cree un área rectangular con un cierto contenido ...


Sombras en los textos usando CSS

Transiciones en las imágenes

Ventanas modales sólo con CSS

El tamaño de los elementos en CSS

Las transparencias en los enlaces

Las limitaciones de la tipografía

¿Qué es CSS? ¿Cómo usarlo?


REFERENCIAS CSS

Background

Border

Margin, padding y outline

Los textos (1ª parte)

Los textos (2ª parte)

Los textos (3ª parte)

Las propiedades CSS (tamaño y ubicación)

Las propiedades CSS (listas)


JAVASCRIPT

Brevísima introducción a JavaScript (1)

Brevísima introducción a JavaScript (2)

Brevísima introducción a JavaScript (3)

Brevísima introducción a JavaScript (4)

Las rutinas escritas en JavaScript pueden ser incluidas en cualquier parte de la página HTML. Para esto, se debe insertar el código dentro del tag SCRIPT ...


Desplazamiento de textos

Además de la etiqueta MARQUEE, una forma de conseguir texto en movimiento es haciendo uso de JavaScript ...


Ventanas de alerta

Abrir nuevas ventanas

Cómo hacer que IE soporte estándares

Cuatro scripts para modificar imágenes

Scrollovers: unos enlaces muy originales

Verificar un formulario de contacto

Cómo resaltar los formularios

Una librería para insertar Flash

PopBox

SlimBox

VideoBox

Ventanas modales

LightWindow: Casi casi perfecto

Crossfader: Mostrar múltiple contenido

Los 10 mejores scripts para imágenes

IE5 IE6 IE7 IE8 ... sumando problemas (1)

IE5 IE6 IE7 IE8 ... sumando problemas (2)

IE5 IE6 IE7 IE8 ... restando problemas (3)

Una lupa sobre las imágenes

Easy Scroll

iBox: Otra ventana modal

Lytebox: una alternativa más liviana

Cargando librerias desde Google


TRUCOS DIVERSOS

Simular hover en Internet Explorer

Detectando el navegador

Identificar los vínculos externos

Un rollover diferente

La propiedad outline

Cómo centrar imágenes

Pseudo-clases y enlaces

Agregar a favoritos

Los PNG en Internet Explorer

Una galería de imagenes simplísima

Añadir a favoritos (otro modo)

Intentanto usar FlowPlayer

Cambiando el tamaño de las fuentes

Imágenes con efecto de agua

Simulando ventanas de alerta

Fades y efectos de color

Una galería de imágenes con slideshow

Relojes sencillitos


SCRIPTACULOUS

Scriptaculous: Los efectos (1)

Scriptaculous: Los efectos (2)

Scriptaculous: Los efectos (3)

Scriptaculous: Los efectos (4)

Scriptaculous: El efecto Toggle

Ir al inicio pero con Scriptaculous

Los acordeones con Scritpaculous