Indice: HTMLCSS

INDICE: HTML/CSS

HTML

• Malditas tablas [1][2][3][4][5]
• Desplazamientos de textos (MARQUEE)


• 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


• Ventanas externas


• 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


• Las barras de desplazamiento (sólo en IE)


• Cajas de mensajes con estilo


• Preguntas y respuestas sobre enlaces


• ¿Qué es Google Doctype?


• La etiqueta PRE


• Escribiendo códigos con PRE


• Las listas en HTML [1][2]


• Creando buscadores sólo con imágenes


• Centrar las cosas en una página web


• La etiqueta META


• Canonical URL: Lo nuevo, las dudas y Blogger


• Optimización de títulos y condicionar METAs


• Las miniaturas que no son miniaturas


• Seleccionar, copiar y pegar

CSS

• Curvas y redondeces


• margin VS padding


• CSS rápido [1][2]


• CSS y los textos [1][2][3][4]


• Las imágenes (Introducción)


• Las imágenes (Bordes)


• Las imágenes (Posición)


• Las imágenes (Filtros)


• Orden de prioridades


• Socorro, mi página no valida


• 15 consejos para trabajar con CSS


• Los estilos por defecto


• Selectores condicionales


• Comentarios condicionales


• After y Before


• Un poco más allá de las imágenes [1][2][3][4][5]


• Las unidades de longitud


• Más propiedades


• Los elementos flotantes


• CSS: los cursores


• Precargar imágenes con CSS


• Flechitas flechitas


• Varias clases juntas


• Textos degradados con CSS


• Imágenes perdidas en IE


• Ubicando elementos usando CSS [1][2][3]


• Sombras en los textos usando CSS


• Transiciones en las imágenes


• 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?


• Cómo incluir hojas de estilo condicionales


• CSS y GIFS animando enlaces


• margin VS padding (again)


• Textos con fondos degradados


• Algo sobre rollovers


• Los filtros (sólo en IE)


• Fijando DIVs en la página


• Bordes, triángulos y curiosidades CSS


• Seis técnicas para títulos usando CSS


• Respuestas rápidas sobre las hojas de estilo


• Reemplazando imágenes con CSS


• Títulos, subtítulos y efectos


• Decorando los enlaces


• 10 modelos de tipografía y algunos logos


• El CSS3 y las curvas


• 8 Técnicas para crear esquinas con CSS


• Las fuentes de texto y sus unidades


• CSS: Sobre IDs y clases


• Sobre IDs y bloques ocultos


• Ajustar el tamaño de una imagen al texto


• Las propiedades CSS por defecto


• Efecto hover sobre las imágenes


• Pseudo-clases y pseudo-elementos [1][2][3]


• Curiosidades con CSS


• Rotar, transformar, jugar con CSS


• Futurebox: Un experimento con CSS


• Otra forma de aprender CSS


• Sombras: la propiedad text-shadow


• Superponer contenidos usando CSS


• Tres ejemplos de bordes diferentes


• Sobrescribir estilos inline con CSS


• Imágenes de fondo redimensionables


• Hablando de la propiedad Float

REFERENCIAS CSS

• Background


• Border


• Margin, padding y outline


• Los textos [1][2][3]


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


• Las propiedades CSS (listas)

JAVASCRIPT

• Desplazamiento de textos


• Ventanas de alerta


• Abrir nuevas ventanas


• Brevísima introducción a JavaScript[1][2][3][5]


• Cómo hacer que IE soporte estándares


• Scrollovers: unos enlaces muy originales


• Verificar un formulario de contacto


• Cómo resaltar los formularios


• Una librería para insertar Flash


• Crossfader: Mostrar múltiple contenido


• IE5 IE6 IE7 IE8 ... sumando problemas [1][2][3]


• Easy Scroll


• Cargando librerias desde Google


• Comprimiendo los scripts


• Un acordeón horizontal en sólo unas líneas


• Menúes con efectos


• Arriba abajo abajo arriba


• aScroller: Un script para desplazar contenidos


• Un widget usando Google AJAX Feed API


• Cumulus: Haciendo girar las etiquetas


• Actualizando las librerías de Google


• Insertar videos de YouTube con sencillez


• TypeFace: Insertando fuentes alternativas


• WUBeee: Un experimento increible


• Mostrar el tiempo de carga de las páginas


• Resumen de dudas sobre JavaScript


• Un simple scroll del background


• UniTip: Más tooltips

SLIDESHOWS Y EFECTOS CON IMAGENES

• SlideShow simple


• SlideShow simple (2)


• Albumes de imágenes [1][2][3]
• La propiedad outline


• Cuatro scripts para modificar imágenes


• Un visor de imágenes para Blogger


• Una galería de imagenes simplísima


• Imágenes con efecto de agua


• Una galería de imágenes con slideshow


• Los 10 mejores scripts para imágenes


• Una lupa sobre las imágenes


• Agregando tooltips en las imágenes


• Book Flip Slideshow


• Ampliar imágenes de manera sencilla


• Dhonishow: Un slideshow particular


• Otra galería de imágenes sólo con CSS


• Creando slideshows con AJAX Feed API


• Agregando reflejos en las imágenes


• FrogJS: Galería de imágenes con Prototype


• Galería de imagenes muy sencilla


• Zoomy


• Horinaja: Original slideshow de contenidos


• ¿Crear una galeria de imágenes con Google Docs?

VENTANAS MODALES

• Ventanas modales sólo con CSS


• PopBox


• SlimBox


• VideoBox


• Ventanas modales


• LightWindow: Casi casi perfecto


• Intentanto usar FlowPlayer


• iBox: Otra ventana modal


• Lytebox: una alternativa más liviana


• ModalBox: Otro script para ventanas modales


• LightWindow: Videos en pantalla completa


• ProtoFlow: Un efecto singular


• FanzyZoom: Ventanas modales sencillas


• FloatBox: Nueva ventana modal de usos múltiples


• FlowPlayer: Reproductor de videos

TRUCOS DIVERSOS

• Tooltips usando CSS


• Tooltips vs Popups


• DHTML: las páginas dinámicas


• Simular hover en Internet Explorer


• Detectando el navegador


• De menúes expandibles y navegadores confundidos


• Identificar los vínculos externos


• Un rollover diferente


• Cómo centrar imágenes


• Pseudo-clases y enlaces


• Agregar a favoritos


• Los PNG en Internet Explorer


• Añadir a favoritos (otro modo)


• Cambiando el tamaño de las fuentes


• Simulando ventanas de alerta


• Fades y efectos de color


• Relojes sencillitos


• Un menú con animaciones sólo con CSS


• Tres Tabs Tres


• Menú con descripciones


• PageGlimpse: Usar miniaturas de páginas web


• Efectos hover al estilo Twitter


• Insertar Flash en el blog


• Una lista numerada fuera de lo común


• Sencillo menú con slider


• Tooltips con efecto fade

SCRIPTACULOUS

• Los efectos [1][2][3][4]


• Scriptaculous: El efecto Toggle


• Ir al inicio pero con Scriptaculous


• Los acordeones con Scritpaculous


• Moviendo las letras por pura diversión


• Drag and drop [1][2]


• Descargando archivos usando Scriptaculous


• ¿Problemas al re-alojar Scriptaculous?


• Transparencias usando Scriptaculous


• Menu desplegable con Scriptaculous

VARIOS

• Firefox, IE6, IE7, todos distintos


• ¿Qué software necesito para aprender HTML?


• Sitemaps, robots y METAs


• El botón derecho: Peleando contra el viento


• Los formatos de las imágenes


• Un poco más sobre las imágenes y los formatos


• Avisar si el navegador esta desactualizado


• Encontrar el enlace directo en ImageShack


• CSS Text Wrapper: Nada de rectángulos


• Actualizar los navegadores


• Verificar que las URLs son correctas


• IE8.js: Resolviendo incompatibilidades de IE


• ¿Qué es un referrer?


• Personalizar la Barra de Videos de Google


• Las miniaturas de YouTube


• Incrustar un visor de documentos en el blog

VOLVER AL INICIO