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
- META Page-Enter y Page-Exit (sólo en IE)
- ¿DIVS? Nada misterioso, sólo es un rectángulo
- Las etiquetas AUDIO y VIDEO
- META X-UA-Compatible: Confuso al extremo
- Tablas SI o Tablas NO
- Dividir en columnas
- Resolver el problema de dividir en columnas en IE7...
- Variaciones sobre los comentarios condicionales
- Columnas y listas
- Los misterios del margin y el padding
- El atributo border=0
- La etiqueta SCRIPT
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
- 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
- Un cubo 3D con contenido HTML
- RGBA: Los colores transparentes
- Sobre el uso de los sprites
- El efecto bubble
- Superponer textos e imágenes
- Menú desplegable con CSS
- Contenedores y contenidos: Alinear
- La propiedad background-size
- El uso de la palabra !important
- Despejando dudas: La propiedad position
- CSS: La imagen no se encuentra
- Alinear verticalmente
- Botones dinámicos con CSS
- Dos métodos para alinear verticalmente
- Tabs sólo con CSS
- La propiedad background-clip
- Contenedores y contenidos: Opacidad
- overflow: Cuando las cosas se desbordan
- Otro menú desplegable con CSS
- Pregunta repetida: ¿Dónde se coloca el CSS?
- Acordeones sólo con CSS
- Las propiedades de los textos
- Invertir las imágenes con CSS
- CSS: Orden de prioridades
- Otra técnica para expandir imágenes
- Tres tipos de bordes
- El ID siempre debe ser único
- Algo más sobre expandir imágenes
- CSS: Simplificar, complicar, optimizar
- Cajas en forma de burbuja
- Un poco más sobre los bordes redondeados
- Cuando las cosas se desbordan
- Agregar una leyenda a las imágenes
- Los márgenes, los paddings, las flotaciones
- Algunas variantes de la propiedad display
- Superponiendo cosas con CSS
- Hablando de bordes con CSS
- La propiedad cursor
- Los carteles que flotan
- Colocar texto alrededor de una imagen
- El tamaño de las cosas
- Calendarios sólo con CSS
- Tratando de entender la propiedad line-height
- Float: Lo principal y lo secundario
- Las posiciones absolutas son relativas a "algo"
CSS3
- El CSS3 y las curvas
- Sombras nada más ... entre Firefox e IE
- Gradientes en CSS
- CSS3 y HTML5 en Internet Explorer
- Menú desplegable con CSS3
- Múltiples fondos con CSS3
- Galería de imágenes con CSS3
- Bordes redondeados en Internet Explorer
- Experimentos con CSS3
- Esferas con CSS3
- Imágenes de carga sin imágenes
- Usando gradientes en los enlaces
- Creando botones sencillos para un menú
- Iconos sociales sólo con CSS
- La pseudo-clase nth-child
- Burbujas con CSS
- EL CSS3 en diferentes navegadores
- Image Silider usando sólo CSS3
- Rotaciones libres en cualquier navegador con CSS
- Usar @media para detectar resolución de la pantall...
- Otra galería de imágenes con CSS3
- La ballena de Twitter con CSS
- Efecto Polaroid con CSS
- Ejemplos de lo que viene
- Menú vertical desplegable sólo con CSS
- Emoticones, textos y rotación
- El primero :first-child, el último :last-child ......
- Los colores rgba() en Internet Explorer
- Efectos blur con CSS
- Párrafos con efecto hover
- BonBon Sweet: Botones con CSS3
- Girando las cosas con CSS
- Más sobre imágenes de fondo redimensionables
- Algunos ejemplo usando text-shadow
- Más botones con CSS3
- Starbursts: Insignias animadas con CSS3
- Un experimento con box-shadow
- Patterns con CSS3
- La propiedad text-rendering
- Conjunto de íconos usando sólo CSS
- Breadcrumbs: Triángulos con CSS
- Transformaciones con CSS
- Decorando las etiquetas con CSS
- Notitas con CSS3
- Introducción a las transiciones con CSS
- Un poco más sobre las transiciones con CSS
- Transiciones con CSS e imágenes
- CSS experimental: Un reloj
- Más transiciones, sliders y slideshows
- Botones multilínea con CSS3
- Transiciones, sliders y slideshows
- Animando un poco la propiedad overflow
- Transiciones combinadas
- Variante de pestañas usando sólo CSS
- La propiedad text-overflow
- Jugando a superponer contenidos
- Transiciones sin usar :hover
- La propiedad resize
- Sumando sombras
- Cursores distintos según tipo de archivo
- :after y :before
- Y nos animamos un poco más
- Modelos de cajas con CSS3
- Ejemplos de acordeones con CSS
- ¿Qué es transform-origin?
- Enlaces en forma de triángulo
- Más burbujas con CSS
- Ejemplos de animaciones con CSS
- Acordeones y transiciones
- Más imágenes y transiciones
- Algunas de las nuevas opciones de text-align
- El atributo placeholder
- Jugando con :after y :before
- Las tablas que no son tablas siguen siendo tablas
- text-decoration y el CSS3
- Una ventana modal usando CSS3
- Títulos con efectos usando :after y :before
- Transiciones y animaciones
- CSS3 Walking Man
- Diferenciar los enlaces según el atributo target
- Combinando gradientes
- Gradientes radiales simples
- background: Los fondos y lo nuevo
- Gradientes lineales simples
- Usando first-child y last-child
- background: Los fondos y lo standard
- Pseudo clases comunes y cómo usar :not
- Columnas con CSS: Introducción
- Columnas con CSS: Mosaico de entradas
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
- Cambiar una palabra por un logo o una imagen
- Incrustar múltiples videos de YouTube
- YouTube y JavaScript [1][2]
- Código para que nos enlacen (sin JQuery)
- Ocultar errores con window.onerror
- Detectar el navegador de los visitantes
- Juegos con JavaScript
- To see her: Experimentos en JavaScript
- Un script muy pequeño para crear acordeones
- Reel: Un script que ... vaya uno a saber
- Cargar scripts de manera dinámica
- IE9.js: Solucionando algunas incompatibilidades
- Whirlpool
- Sliderman: Un script para hacer sliders sin librer...
- CurvyCorners: Redondeando Internet Explorer
- Un menú minimalista
- Más scripts sólo por placer
- Tratando de entender JavaScript
- Cambiando propiedades con JavaScript
- Seguimos cambiando propiedades con JavaScript
- Creando un slider con JavaScript [1][2]
- Home Again ... experimentos que asombran
- Between the lines
- Cambiar los colores de manera dinámica
- TinyDropdown: Un script para crear menús
- Los scripts ofuscados
- Un script para manejar listas
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?
- Mostrar las imágenes de Twitpic en nuestro blog
- Slide de imágenes con fade en el header
- Tomorrow again: Otra galería experimental
- Snapfit: Un script para generar puzzles
- Simplísimo slideshow sin librerías externas
- Crear una galería de imágenes con JavaScript
- Generar un widget animado con imágenes
- Otro slideshow de dhteumeuleu.com
- Efecto Flip Page con CSS
- Galería con efectos sólo con CSS
- Transicionitis y el slideshow de dhteumeuleu.com
- jFlip: Una vuelta de hoja
- CSSWarp: Curvas al extremo
- Imágenes y CSS: Todo depende del navegador
- Videos fluidos sin librerías
- Cursores mostacho y otras rarezas
- Imágenes con reflejos usando CSS
- Otro ejemplo de animaciones con CSS
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
- Dos scripts para generar pop-ups
- tubePlayer: Nueva versión del reproductor
- Pop-Up sólo con CSS
- Cómo crear una ventana modal propia [1] [2] [3] ">[4]
CANVAS
- La etiqueta CANVAS (introducción)
- La etiqueta CANVAS (funciones básicas)
- CoolClock: Usando canvas para crear relojes
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
- Varios método para precargar imágenes
- Crear una encuesta con Google Docs
- Google Wave: Insertar un wave en el blog
- Botones con CSS
- Efectos para oscurecer e iluminar las ventanas
- Agregar un botón flotante
- Menú estilo dock
- Un menú con sprites
- audio.js: MP3s y HTML5 en todos los navegadores
- Un reproductor de audio muy personal
- Variantes para ver y ocultar elementos
- Socorro: Sonidos en cualquier parte
- CSS Experimental: Letras
- Girando menús
- Menús desplegables y CSS
- Menús y transiciones
- Condicionando las cosas para Internet Explorer
- Buscando con efectos
- Botones y más botones
- Selección de botones CSS
- Cuando cambiar un color es una tarea imposible
- Seguimos alineando verticalmente
- Dudas y errores cuando se usa CSS
- Los pixeles son unidades indivisibles
- Speech bubble: Burbujas con CSS
- CSS Shapes
- Textify: Imágenes transformadas en textos
- Navegación con círculos
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
- Salta, salta, salta con Scriptaculous
- Simple slideshow de imágenes con Scriptaculous
- Otro slideshow de imágenes con Scriptaculous
- Slider de contenido con Scriptaculous
- Listas enloquecidas usando script.aculo.us
- Scriptaculous sliders demos
JQUERY
- FontEffect: Efectos en textos con jQuery
- Menú animado con JQuery
- Pluralink: Un enlace con varios enlaces
- Panel horizontal deslizante con JQuery
- Código para que nos enlacen con JQuery
- Monitter: Mostrar resultados dinámicos de Twitter
- Efectos elementales con JQuery
- Roundabout con JQuery
- Un reloj muy colorido con jQuery
- Insertar Google Buzz con jQuery
- Redes sociales animadas con JQuery
- Middle Box Links para jQuery
- Flip con jQuery
- Plugins diversos para jQuery
- Antes y después con jQuery
- Fancy Transitions con jQuery
- Tiny Circleslider para jQuery
- jQuery Slideshow
- Rotate3D con jQuery
- Animaciones sencillas con jQuery
- Pestañas simples con jQuery
- Acordeones simples con jQuery
- Text Fade Out con jQuery
- Sweet Thumbnails para jQuery
- Crear galerías de imagenes con JQuery
- Cambiar las barras de desplazamiento con jQuery
- Apprise: Ventanas de alerta con jQuery
- Image Rotator con jQuery
- Youtube Instant Search: Un plugin para JQuery
- Videos de tamaños fluidos con jQuery
- liteAccordion: Un acordeón para jQuery
- Craftyslide: Una galería sencilla para jQuery
- Fade de imágenes con y sin jQuery
- Ventanas flotantes sencillas con jQuery
- Textualizer: Efectos en textos con jQuery
- Columnas, mosaicos y jQuery
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
- Geolocalización
- Algunas particularidades de los objetos de Flash
- Las librerias de Google
- El problema de Goear y su reproductor
- Google Font API en Blogger
- El nuevo código para insertar videos de YouTube
- Videos en HTML5
- Un widget para mostrar eventos de manera simple
- Usar CSS para crear etiquetas repetitivas
