Congratulations!

[Valid Atom 1.0] This is a valid Atom 1.0 feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

Source: http://vagabundia.blogspot.com/feeds/posts/summary/-/CSS

  1. <?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-33571139</id><updated>2024-05-08T03:01:24.619-03:00</updated><category term="Blogger"/><category term="CSS"/><category term="herramientas"/><category term="JavaScript"/><category term="servicios"/><category term="Google"/><category term="curiosidades"/><category term="humor"/><category term="HTML"/><category term="blogs"/><category term="Firefox"/><category term="personal"/><category term="iconos"/><category term="wallpapers"/><category term="YouTube"/><category term="campañas"/><category term="JQuery"/><category term="beatlemania"/><category term="imagenes"/><category term="json"/><category term="Twitter"/><category term="animacion"/><category term="opiniones"/><category term="musica"/><category term="historias"/><category term="Scriptaculous"/><category term="copyright"/><category term="Facebook"/><category term="plantillas"/><category term="publicidades"/><category term="Feedburner"/><category term="juegos"/><category term="meme"/><category term="indice"/><title type='text'>Vagabundia</title><subtitle type='html'>Algo más y algo menos.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/posts/summary'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/summary/-/CSS'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/search/label/CSS'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/summary/-/CSS/-/CSS?start-index=26&amp;max-results=25'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>348</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-33571139.post-1168434091904010837</id><published>2013-04-24T03:57:00.000-03:00</published><updated>2013-04-24T15:19:15.729-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>El futuro y la propiedad @supports</title><summary type="text">Así como hace más de dos años, se mostraba el uso de una propiedad de CSS3 llamada @media que permite especificar las propiedades que tendrá nuestro sitio según sea el medio en el cual se mostrará y hoy se va generalizado a partir de la intención de muchos desarrolladores de tener diseños adaptables; esta otra, llamada @supports, es probable que pronto se convierta en una de esas cosas </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/1168434091904010837/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2013/04/el-futuro-y-la-propiedad-supports.html#comment-form' title='11 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/1168434091904010837'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/1168434091904010837'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2013/04/el-futuro-y-la-propiedad-supports.html' title='El futuro y la propiedad @supports'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-QLmX2LwzWVM/UM1ve0cdXGI/AAAAAAAAVqY/4aZFdqCJiQE/s72-c/support.png" height="72" width="72"/><thr:total>11</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-8038075849270873473</id><published>2013-03-20T15:00:00.000-03:00</published><updated>2013-03-20T15:17:17.309-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Efecto hover desde distintas direcciones</title><summary type="text">Aunque me ha costado armarlo para que funcionara acá porque hay cosas que no termino de entender bien, la idea de crear efectos hover que muestren contenidos distintos según sea la dirección desde la cual se entra con el cursor, no deja de ser interesante.
  2.  
  3. Lo básico es empezar con el HTML que no es otra cosa que un DIV donde incluimos cuatro etiquetas SPAN con los textos y una imagen.&amp;lt;div </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/8038075849270873473/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2013/03/efecto-hover-desde-distintas-direcciones.html#comment-form' title='12 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/8038075849270873473'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/8038075849270873473'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2013/03/efecto-hover-desde-distintas-direcciones.html' title='Efecto hover desde distintas direcciones'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh5.googleusercontent.com/-RAUoNEersrc/UGt18u6HXyI/AAAAAAAACwo/QWa2I1zG7Y0/s72-c/24_0144.jpg" height="72" width="72"/><thr:total>12</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-3440169455777133070</id><published>2013-03-11T00:00:00.000-03:00</published><updated>2013-03-11T00:00:05.182-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>blockquote o citas sencillas con CSS3</title><summary type="text">La etiqueta blockquote es esa que se suele utilizar para mostrar citas textuales y diferenciarlas del resto de los textos de una página y,  a veces, se combina con una segunda etiqueta llamada cite que es una referencia al autor o al origen de dicha cita.
  4.  
  5. Ambas, tienen propiedades por defecto en cualquier navegador pero hay cientos de formas de personalizarlas agregándoles estilos; esta es una </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/3440169455777133070/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2013/03/blockquote-o-citas-sencillas-con-css3.html#comment-form' title='2 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/3440169455777133070'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/3440169455777133070'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2013/03/blockquote-o-citas-sencillas-con-css3.html' title='blockquote o citas sencillas con CSS3'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-6808827592099427204</id><published>2013-02-27T00:00:00.000-03:00</published><updated>2013-02-27T00:00:05.454-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Eventos click y CSS</title><summary type="text">Un evento es eso que ocurre ... cuando hacemos algo. En CSS, el más común es el hover; ponemos el cursor encima de una etiqueta y, automáticamente, se ejecuta el evento&lt;. No es algo controlable, se ejecuta siempre y, que lo usemos o no, es otra historia.
  6.  
  7. Bueno, en realidad, hay una forma de eludirlo ya que en los navegadores modernos hay una propiedad llamada pointer-events que nos permite </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/6808827592099427204/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2013/02/eventos-click-y-css.html#comment-form' title='8 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/6808827592099427204'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/6808827592099427204'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2013/02/eventos-click-y-css.html' title='Eventos click y CSS'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>8</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-4377328121504696958</id><published>2013-01-29T00:00:00.000-03:00</published><updated>2013-01-29T00:00:01.187-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="servicios"/><title type='text'>One div: Iconos utilzando sólo CSS</title><summary type="text">One div es un sitio donde podemos buscar y copiar el código necesario para utilizar íconos o símbolos creados exclusivamente con CSS; una técnica cuyo uso se va va extendiendo ya que tiene la ventaja de no utilizar imágenes y de ser flexibles porque podemos variar su tamaño con sencillez sin que se deformen.
  8.  
  9. Además, basta un poco de imaginación para aprovechar las distintas propiedades, cambiar </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/4377328121504696958/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2013/01/one-div-iconos-utilzando-solo-css.html#comment-form' title='3 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/4377328121504696958'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/4377328121504696958'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2013/01/one-div-iconos-utilzando-solo-css.html' title='One div: Iconos utilzando sólo CSS'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-2320623859280342004</id><published>2013-01-08T00:00:00.000-03:00</published><updated>2013-01-08T00:00:00.530-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="JavaScript"/><title type='text'>Caracteres &quot;raros&quot; en scripts y CSS</title><summary type="text">A veces, cuando se usan scripts, debemos escribir caracteres especiales como acentos y estos no se ven bien o aparece un signo de interrogación u otros símbolos raros. Por lo general, esto se resuelve si la codificación de caracteres es correcta pero lo lógico no siempre funciona.
  10.  
  11. En Blogger, los caracteres especiales suelen verse bien por lo que ese problema es difícil que se nos presente pero,</summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/2320623859280342004/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2013/01/caracteres-raros-en-scripts-y-css.html#comment-form' title='8 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/2320623859280342004'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/2320623859280342004'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2013/01/caracteres-raros-en-scripts-y-css.html' title='Caracteres &quot;raros&quot; en scripts y CSS'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh4.googleusercontent.com/_qfa9R8IbFoA/TbXy-nFM9mI/AAAAAAAADik/vycA8WJw9ec/s72-c/09_0301.jpg" height="72" width="72"/><thr:total>8</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-504072161028930394</id><published>2013-01-04T00:00:00.000-03:00</published><updated>2017-03-22T01:59:26.079-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Wiggle: Hipnosis y CSS</title><summary type="text">Antes que nadie pregunte: No, esto no tiene ninguna utilidad práctica. No incrementará las visitas, no agregará enlaces entrantes, no hará que un sitio se posicione primero en Google, tenga 456 tweets en 5 minutos ni conseguirá subir los clicks de Adsense para que podamos comprarnos esa  isla en las Bahamas. Simplemente es ... un experimento sin consecuencias.
  12.  
  13. Y para colmo ... largo de escribir:</summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/504072161028930394/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2013/01/wiggle-hipnosis-y-css.html#comment-form' title='4 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/504072161028930394'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/504072161028930394'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2013/01/wiggle-hipnosis-y-css.html' title='Wiggle: Hipnosis y CSS'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-8008294617501136427</id><published>2012-12-13T00:00:00.000-03:00</published><updated>2012-12-13T00:00:01.325-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Tooltips con CSS: Más simple, imposible</title><summary type="text">Hay muchas formas de crear tooltips con CSS; probablemente, esta, que muestra webdesignerdepot.com es una de las más sencillas que existen ya que sólo se requiere establecer una clase en el enlace o etiqueta a la cuál queremos aplicarlas y poner las dos reglas de estilo.
  14.  
  15. En este caso, la clase la llamamos tooltip pero, puede ser cualquier otro nombre y funcionará en cualquier navegador que </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/8008294617501136427/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/12/tooltips-con-css-mas-simple-imposible.html#comment-form' title='35 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/8008294617501136427'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/8008294617501136427'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/12/tooltips-con-css-mas-simple-imposible.html' title='Tooltips con CSS: Más simple, imposible'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>35</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-4675323868018495874</id><published>2012-12-10T00:00:00.000-03:00</published><updated>2012-12-10T00:00:04.536-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>El NO misterio de posición absoluta</title><summary type="text">Cuando diseñamos una página web o simplemente agregamos etiquetas, estas se acomodan de manera natural, ya sea una al lado de la otra o bien una debajo de la otra, dependiendo del tipo que sean. El contenido fluye naturalmente, de arriba hacia abajo y de izquierda a derecha, tal como ocurre cuando escribimos o leemos.
  16.  
  17. Para modificar esa secuencia usamos distintas propiedades de CSS; les </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/4675323868018495874/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/12/el-no-misterio-de-posicion-absoluta.html#comment-form' title='0 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/4675323868018495874'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/4675323868018495874'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/12/el-no-misterio-de-posicion-absoluta.html' title='El NO misterio de posición absoluta'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-3993931610475525696</id><published>2012-11-21T16:51:00.000-03:00</published><updated>2012-11-22T16:30:50.856-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Múltiples fondos y efectos hover</title><summary type="text">Esta es una forma muy particular de utilizar fondos múltiples para crear efectos hover; algo que se le ocurrió a designshack.net donde la técnica está explicada en detalle.
  18.  
  19. Lo básico es saber que con las nuevas características del CSS3, una etiqueta cualquiera puede tener varios fondos (varias propiedades background) y cada una de ellas puede ser controlada de modo individual. La sintaxis d esto</summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/3993931610475525696/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/11/multiples-fondos-y-efectos-hover.html#comment-form' title='5 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/3993931610475525696'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/3993931610475525696'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/11/multiples-fondos-y-efectos-hover.html' title='Múltiples fondos y efectos hover'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-611703038434751878</id><published>2012-11-19T00:00:00.000-03:00</published><updated>2012-11-19T00:00:01.445-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Botones simples con CSS</title><summary type="text">Estos botones son sencillos de armar y el CSS se puede descargar desde la página del autor, usarlos total o parcialmente o modificarse a gusto.
  20.  
  21. En principio, funcionarían en cualquier navegador incluyendo versiones viejas de Internet Explorer aunque faltaría agregarles las propiedades para Opera y sería mejor eliminar aquellas que ya no son necesarias tales como -webkit-border-radius, </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/611703038434751878/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/11/botones-simples-con-css.html#comment-form' title='9 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/611703038434751878'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/611703038434751878'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/11/botones-simples-con-css.html' title='Botones simples con CSS'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>9</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-378254213975087841</id><published>2012-11-15T00:00:00.000-03:00</published><updated>2012-11-15T00:00:04.391-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="Firefox"/><title type='text'>Firefox 16: Sin prefijos en el CSS</title><summary type="text">A partir de la versión 16 de Firefox, ya resulta innecesario agregar prefijos en la mayoría de las propiedades de CSS3 que se utilicen en este navegador con lo cual, poco a poco, nos vamos acercando a la estandarización mínima que requiere el diseño web: hablar el mismo idioma.
  22.  
  23. Así el -moz- puede desaparecer de las propiedades animation, transition, transform y de las gradientes:animation, </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/378254213975087841/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/11/firefox-16-sin-prefijos-en-el-css.html#comment-form' title='5 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/378254213975087841'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/378254213975087841'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/11/firefox-16-sin-prefijos-en-el-css.html' title='Firefox 16: Sin prefijos en el CSS'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://2.bp.blogspot.com/-9e8pEaQIhac/UJF7DAeCmYI/AAAAAAAAVNA/SHpPLPtUt-k/s72-c/firefox16.jpg" height="72" width="72"/><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-7066875359110780899</id><published>2012-10-11T00:11:00.000-03:00</published><updated>2017-06-12T00:46:55.911-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="HTML"/><title type='text'>El atributo required</title><summary type="text">El atributo required es otra de las nuevas alternativas que se agregan al HTML5 y lo que hace es indicar que cierto campo debe ser &quot;llenado&quot; y evitar que un formulario se envíe sin contenido.
  24. Aunque la verificación final de los datos enviados desde un formulario debe ser hecha en el servidor que los procesará, siempre es bueno realizar una validación previa con JavaScript y así reducir los </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/7066875359110780899/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/10/el-atributo-required.html#comment-form' title='5 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/7066875359110780899'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/7066875359110780899'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/10/el-atributo-required.html' title='El atributo required'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-2324254369067775835</id><published>2012-10-03T00:04:00.000-03:00</published><updated>2012-10-03T00:04:01.028-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Bordes, listas, el primero y el último</title><summary type="text">Esta es una solución sencilla a un problema común.
  25.  
  26. Tengo una lista cualquiera y quiero ponerle un borde o separador a cada uno de los items que la componen:&amp;lt;div id=&quot;demobordes&quot;&amp;gt;
  27.  &amp;lt;ul&amp;gt;
  28.    &amp;lt;li&amp;gt;el primer item&amp;lt;/li&amp;gt;
  29.    &amp;lt;li&amp;gt;el segundo item&amp;lt;/li&amp;gt;
  30.    &amp;lt;li&amp;gt;el tercer item&amp;lt;/li&amp;gt;
  31.    &amp;lt;li&amp;gt;el último item&amp;lt;/li&amp;gt;
  32. &amp;lt;/ul&amp;gt;Entonces pruebo con una regla</summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/2324254369067775835/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/10/bordes-listas-el-primero-y-el-ultimo.html#comment-form' title='3 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/2324254369067775835'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/2324254369067775835'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/10/bordes-listas-el-primero-y-el-ultimo.html' title='Bordes, listas, el primero y el último'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-6467605306558411908</id><published>2012-10-01T00:06:00.000-03:00</published><updated>2012-10-01T00:06:00.150-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Una curiosidad: Logos de GMail con CSS3</title><summary type="text">Es probable que a nadie se le ocurra usar algo como esto pero, no deja de ser una curiosidad y bien armada.
  33.  
  34. Digo que sería raro que alguien quisiera utilizarlo porque está armado exclusivamente con CSS3, no se vería en todos los navegadores y la cantidad de reglas es ... bueno, muchas.
  35. .gmail-logo, .gmail-logo *, .gmail-logo *:before, .gmail-logo *:after{margin:0;padding:0;background:transparent</summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/6467605306558411908/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/10/una-curiosidad-logos-de-gmail-con-css3.html#comment-form' title='0 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/6467605306558411908'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/6467605306558411908'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/10/una-curiosidad-logos-de-gmail-con-css3.html' title='Una curiosidad: Logos de GMail con CSS3'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-Z0zqsvGjikE/UA2eJBqr86I/AAAAAAAAUsE/BM6bLIE7fUM/s72-c/gmaillogocss.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-3845921884173409931</id><published>2012-09-28T00:00:00.000-03:00</published><updated>2012-09-28T00:00:06.424-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><category scheme="http://www.blogger.com/atom/ns#" term="servicios"/><title type='text'>CSSload: Gráficos de carga con CSS</title><summary type="text">CSSload es un sitio donde podemos generar &quot;imágenes&quot; de carga que no son imágenes sino gráficos creados con CSS, aprovechando de ese modo, las facilidades que nos dan estas nuevas propiedades que nos permiten animar casi cualquier cosa y que funcionan en Firefox, Chrome, Safari y otros navegadores modernos.
  36.  
  37. No hay mucho que explicar. Basta entrar en la página y seleccionar alguno de los modelos </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/3845921884173409931/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/09/cssload-graficos-de-carga-con-css.html#comment-form' title='1 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/3845921884173409931'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/3845921884173409931'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/09/cssload-graficos-de-carga-con-css.html' title='CSSload: Gráficos de carga con CSS'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-Jf8a4em8rWY/TqWmkK6UjlI/AAAAAAAAS-4/RaJgowoBJes/s72-c/loadingcss.png" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-6062499297685282281</id><published>2012-09-10T00:03:00.002-03:00</published><updated>2017-09-26T00:08:46.719-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Flotaciones, fondos, problemas, alternativas</title><summary type="text">Cuando a un elemento le agregamos la propiedad float, lo convertimos en un bloque pero con una característica especial: su ancho no ocupa el 100% del contenedor sino sólo el de su contenido pero, además, lo quitamos del orden natural de la página; de este modo, todo lo que lo rodea se moverá y se acomodará como pueda para hacerle lugar.leer artículo actualizado</summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/6062499297685282281/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/09/flotaciones-fondos-problemas.html#comment-form' title='10 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/6062499297685282281'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/6062499297685282281'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/09/flotaciones-fondos-problemas.html' title='Flotaciones, fondos, problemas, alternativas'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>10</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-482297088334310762</id><published>2012-08-30T00:15:00.001-03:00</published><updated>2012-08-30T00:15:00.283-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>El problema de los menús que no se despliegan</title><summary type="text">Toda etiqueta es un rectángulo, si tiene un borde o un color de fondo esto es evidente pero, si no lo tiene, sigue siendo un rectángulo que ocupa un determinado espacio y se ubica en una determinada posición de la página. Esta es la clave de todo, entender eso y además, tener en cuenta que el orden en que son agregadas influirá en su resultado ya que, aunque las veamos ubicadas gráficamente de </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/482297088334310762/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/08/el-problema-de-los-menus-que-no-se.html#comment-form' title='27 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/482297088334310762'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/482297088334310762'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/08/el-problema-de-los-menus-que-no-se.html' title='El problema de los menús que no se despliegan'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>27</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-8477329360531754588</id><published>2012-08-22T00:06:00.001-03:00</published><updated>2017-07-20T02:18:48.868-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Cinco selectores especiales</title><summary type="text">En CSS, un selector es un vínculo entre el HTML y la hoja de estilo. Todas las etiquetas son selectores y cada uno de ellas posee un conjunto de propiedades generales y particulares. Pero como esto es insuficiente, también existen selectores especiales que nos permiten crear reglas muy específicas.leer artículo actualizado</summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/8477329360531754588/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/08/cinco-selectores-especiales.html#comment-form' title='0 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/8477329360531754588'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/8477329360531754588'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/08/cinco-selectores-especiales.html' title='Cinco selectores especiales'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-3451235539141099556</id><published>2012-08-20T00:04:00.001-03:00</published><updated>2017-10-29T00:47:18.402-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Muchas animaciones con CSS y mucha paciencia</title><summary type="text">Una animación con CSS es algo similar a una transisicón que se repite un número de veces y requiere de dos partes, establecer los intervalos y propiedades a modificar en @keyframes y la propiedad animation en cualquier etiqueta.leer artículo actualizado</summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/3451235539141099556/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/08/muchas-animaciones-con-css-y-mucha.html#comment-form' title='7 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/3451235539141099556'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/3451235539141099556'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/08/muchas-animaciones-con-css-y-mucha.html' title='Muchas animaciones con CSS y mucha paciencia'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>7</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-8329246916899371248</id><published>2012-08-15T00:04:00.001-03:00</published><updated>2017-07-20T02:18:54.082-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Esa cosa llamada child selector</title><summary type="text">En CSS, un selector es un vínculo entre el HTML y la hoja de estilo. Todas las etiquetas son selectores y cada uno de ellas posee un conjunto de propiedades generales y particulares. Pero como esto es insuficiente, también existen selectores especiales que nos permiten crear reglas muy específicas.leer artículo actualizado</summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/8329246916899371248/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/08/esa-cosa-llamada-child-selector.html#comment-form' title='3 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/8329246916899371248'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/8329246916899371248'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/08/esa-cosa-llamada-child-selector.html' title='Esa cosa llamada child selector'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-5347773285342366866</id><published>2012-08-09T00:06:00.002-03:00</published><updated>2012-08-09T00:43:46.757-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>marquee con CSS3</title><summary type="text">La marquees o marquesinas in spanish, son una forma de mostrar distinto contenido, desplazándolo en cierta dirección. En HTML es una etiqueta bastante sencilla pero carece de opciones sofisticadas y ese desplazamiento es relativamente abrupto y constante con lo que los textos no suelen ser muy legibles.
  38.  
  39. Con JavaScript es posible generar cosas similares y desplazar textos de distintos modos pero,</summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/5347773285342366866/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/08/marquee-con-css3.html#comment-form' title='16 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/5347773285342366866'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/5347773285342366866'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/08/marquee-con-css3.html' title='marquee con CSS3'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-sylxwKNaTsA/UAsB0fWN4FI/AAAAAAAAUrE/bi-sg6koZ3I/s72-c/marqueecss.jpg" height="72" width="72"/><thr:total>16</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-3688678261775230305</id><published>2012-08-08T00:08:00.001-03:00</published><updated>2012-08-08T00:08:00.858-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Transiciones en gradientes</title><summary type="text">Aunque las transiciones con CSS pueden aplicarse a muchas propiedades pero no a las gradientes aunque, como estas son &quot;imágenes de fondo&quot; lo que puede hacerse es aplicar esas transiciones sobre otras propiedades background y de tal modo, simular animaciones.
  40.  
  41. Los ejemplos de impressivewebs usan dos propeidades especiificas: background-size y background-position pero, podría probarse con cualquier</summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/3688678261775230305/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/08/transiciones-en-gradientes.html#comment-form' title='2 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/3688678261775230305'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/3688678261775230305'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/08/transiciones-en-gradientes.html' title='Transiciones en gradientes'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-2712860984923342543</id><published>2012-08-06T00:03:00.000-03:00</published><updated>2017-06-26T00:54:50.186-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Los pseudo-elementos first-letter y first-line</title><summary type="text">El pseudo-elemento :first-letter permite establecer las propiedades de la primera letra de un párrafo. Es algo simple pero, debe tenerse muy en cuenta que ese párrafo  debe comenzar con un texto y no funcionará si es precedido por una imagen, un salto de línea o cualquier otro tipo de contenido.
  42. Los pseudo-elementos seleccionan alguna parte de un elemento y su sintaxis es similar a las </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/2712860984923342543/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/08/los-pseudo-elementos-first-letter-y.html#comment-form' title='2 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/2712860984923342543'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/2712860984923342543'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/08/los-pseudo-elementos-first-letter-y.html' title='Los pseudo-elementos first-letter y first-line'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-33571139.post-2766538302812996972</id><published>2012-07-30T00:04:00.002-03:00</published><updated>2012-07-30T00:04:00.151-03:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS"/><title type='text'>Transiciones y paneles deslizantes</title><summary type="text">Aunque es algo experimental, la idea del diseñador Sergio Camalich es válida y tal vez muestre una alternativa en el uso de las transiciones entre páginas usando sólo CSS sobre la que habrá que seguir trabajando.
  43.  
  44. Los ejemplos pueden verse en estos demos 1 2 3 y acá veremos si son aplicables a una entrada cualquiera del blog con las limitaciones del caso.
  45.  
  46. En este ejemplo, coloco todo en un DIV </summary><link rel='replies' type='application/atom+xml' href='http://vagabundia.blogspot.com/feeds/2766538302812996972/comments/default' title='Comentarios de la entrada'/><link rel='replies' type='text/html' href='http://vagabundia.blogspot.com/2012/07/transiciones-y-paneles-deslizantes.html#comment-form' title='12 Comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/2766538302812996972'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/33571139/posts/default/2766538302812996972'/><link rel='alternate' type='text/html' href='http://vagabundia.blogspot.com/2012/07/transiciones-y-paneles-deslizantes.html' title='Transiciones y paneles deslizantes'/><author><name>JMiur</name><uri>http://www.blogger.com/profile/16731144451681787753</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJj7jZsA32a5DjjrHOUTF7fN4tK3CN6g7DN7iP_Ec1uIElqxqWfaXCRR8zM36Ttg4Yo4clJ-4q3MeyL02yQHK-IBtYrE_ipICQffnKBrIKLm1kcziGeMhoi9wEyM48SA/s220/Avatar.jpg'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh4.googleusercontent.com/-8jVpLTl2Gsc/Ts8LfkTu6_I/AAAAAAAAEZQ/UCc0M7LuWXE/s72-c/34_0050.jpg" height="72" width="72"/><thr:total>12</thr:total></entry></feed>

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

  1. Download the "valid Atom 1.0" banner.

  2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

  3. Add this HTML to your page (change the image src attribute if necessary):

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=http%3A//vagabundia.blogspot.com/feeds/posts/summary/-/CSS

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda