{"id":398,"date":"2006-12-12T10:31:14","date_gmt":"2006-12-12T16:31:14","guid":{"rendered":"http:\/\/quechilero.com\/blog\/2006\/12\/12\/ayuda-para-css-y-html\/"},"modified":"2006-12-12T10:31:14","modified_gmt":"2006-12-12T16:31:14","slug":"ayuda-para-css-y-html","status":"publish","type":"post","link":"https:\/\/quechilero.com\/blog\/2006\/12\/12\/ayuda-para-css-y-html\/","title":{"rendered":"Ayuda para CSS y HTML"},"content":{"rendered":"<p>De pura casualidad, encontr\u00e9 <a target=\"_blank\" href=\"http:\/\/htmlplayground.com\/\">HTML Playground<\/a>, que b\u00e1sicamente es un tutorial en ingl\u00e9s con ejemplos claros y sencillos, sobre todas (creo) las etiquetas de html y css proporcionando una ayuda r\u00e1pida y concreta.<\/p>\n<p>Por si de repente se nos ha olvidado el uso de alguna y queremos ver r\u00e1pidamente el funcionamiento y caracter\u00edsitcas de la etiqueta, simplemente la seleccionamos y en varias ventanas nos muestra el c\u00f3digo, la explicaci\u00f3n y un ejemplo b\u00e1sico de la funci\u00f3n que ejecuta.<\/p>\n<p>Da la oportunidad de manipular el c\u00f3digo que presenta como ejemplo para ir viendo como se ha afectado dicha l\u00ednea y el efecto que produce.<\/p>\n<p>Bastante interesante e intuitivo, muy f\u00e1cil de usar y creo que es un buen recurso tanto para el usuario principiante como para el avanzado.<\/p>\n<p><a target=\"_blank\" href=\"http:\/\/htmlplayground.com\/\">HTML Playground<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>De pura casualidad, encontr\u00e9 HTML Playground, que b\u00e1sicamente es un tutorial en ingl\u00e9s con ejemplos claros y sencillos, sobre todas (creo) las etiquetas de html y css proporcionando una ayuda r\u00e1pida y concreta. Por si de repente se nos ha olvidado el uso de alguna y queremos ver r\u00e1pidamente el funcionamiento y caracter\u00edsitcas de la &#8230; <a title=\"Ayuda para CSS y HTML\" class=\"read-more\" href=\"https:\/\/quechilero.com\/blog\/2006\/12\/12\/ayuda-para-css-y-html\/\" aria-label=\"Leer m\u00e1s sobre Ayuda para CSS y HTML\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","episode_type":"","audio_file":"","podmotor_file_id":"","podmotor_episode_id":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","filesize_raw":"","date_recorded":"","explicit":"","block":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[2],"tags":[37,76,24],"series":[],"class_list":["post-398","post","type-post","status-publish","format-standard","hentry","category-limones","tag-ayuda","tag-tutorial","tag-vida"],"episode_featured_image":false,"episode_player_image":"https:\/\/i0.wp.com\/quechilero.com\/blog\/imagenes\/podcast.png?fit=1831%2C1831&ssl=1","download_link":"","player_link":"","audio_player":false,"episode_data":{"playerMode":"dark","subscribeUrls":{"amazon":{"key":"amazon","url":"","label":"Amazon","class":"amazon","icon":"amazon.png"},"apple_podcasts":{"key":"apple_podcasts","url":"","label":"Apple Podcasts","class":"apple_podcasts","icon":"apple-podcasts.png"},"castbox":{"key":"castbox","url":"","label":"CastBox","class":"castbox","icon":"castbox.png"},"deezer":{"key":"deezer","url":"","label":"Deezer","class":"deezer","icon":"deezer.png"},"google_podcasts":{"key":"google_podcasts","url":"","label":"Google Podcasts","class":"google_podcasts","icon":"google-podcasts.png"},"listen_notes":{"key":"listen_notes","url":"","label":"Listen Notes","class":"listen_notes","icon":"listen-notes.png"},"pandora":{"key":"pandora","url":"","label":"Pandora","class":"pandora","icon":"pandora.png"},"podbean":{"key":"podbean","url":"","label":"Podbean","class":"podbean","icon":"podbean.png"},"podcast_republic":{"key":"podcast_republic","url":"","label":"Podcast Republic","class":"podcast_republic","icon":"podcast-republic.png"},"rss":{"key":"rss","url":"","label":"RSS","class":"rss","icon":"rss.png"},"spotify":{"key":"spotify","url":"","label":"Spotify","class":"spotify","icon":"spotify.png"},"stitcher":{"key":"stitcher","url":"","label":"Stitcher","class":"stitcher","icon":"stitcher.png"},"tunein":{"key":"tunein","url":"","label":"TuneIn","class":"tunein","icon":"tunein.png"},"youtube":{"key":"youtube","url":"","label":"YouTube","class":"youtube","icon":"youtube.png"},"iheartradio":{"key":"iheartradio","url":"","label":"iHeartRadio","class":"iheartradio","icon":"iheartradio.png"},"ivoox":{"key":"ivoox","url":"","label":"iVoox","class":"ivoox","icon":"ivoox.png"}},"rssFeedUrl":"https:\/\/quechilero.com\/blog\/feed\/podcast\/si-la-vida-nos-da-limones","embedCode":"<blockquote class=\"wp-embedded-content\" data-secret=\"oYnYuvOls1\"><a href=\"https:\/\/quechilero.com\/blog\/2006\/12\/12\/ayuda-para-css-y-html\/\">Ayuda para CSS y HTML<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/quechilero.com\/blog\/2006\/12\/12\/ayuda-para-css-y-html\/embed\/#?secret=oYnYuvOls1\" width=\"500\" height=\"350\" title=\"\u00abAyuda para CSS y HTML\u00bb \u2014 Si la Vida nos da Limones...\" data-secret=\"oYnYuvOls1\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/quechilero.com\/blog\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n"},"jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pDKli-6q","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":362,"url":"https:\/\/quechilero.com\/blog\/2007\/01\/07\/reemplazando-los-checkbox\/","url_meta":{"origin":398,"position":0},"title":"Reemplazando los CheckBox","author":"Pepe Barrascout Ortiz","date":"7 enero 2007","format":false,"excerpt":"Una alternativa muy interesante y sobre todo agradable en cuanto a dise\u00f1o se refiere, es la Checkbox & Radio Input Replacement, el cual con unas cuantas l\u00edneas de java y otras m\u00e1s de css, logran cambiar el efecto que producen estos conocidos elementos de los formularios que se hacen con\u2026","rel":"","context":"En \u00abLimones\u00bb","block_context":{"text":"Limones","link":"https:\/\/quechilero.com\/blog\/category\/limones\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":367,"url":"https:\/\/quechilero.com\/blog\/2007\/01\/10\/juego-de-colores-hexagesimales\/","url_meta":{"origin":398,"position":1},"title":"Juego de Colores Hexagesimales","author":"Pepe Barrascout Ortiz","date":"10 enero 2007","format":false,"excerpt":"Si eres dise\u00f1ador web, estar\u00e1s muy familiarizado con los colores hexagesimales que se utilizan en html o mejor a\u00fan en css. Pues si te consideras bueno, pero realmente bueno, puedes poner a prueba tus conocimientos y jugar el asdf donde quedar\u00e1 al descubierto que tanto sabes ver un color donde\u2026","rel":"","context":"En \u00abLimones\u00bb","block_context":{"text":"Limones","link":"https:\/\/quechilero.com\/blog\/category\/limones\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":9486,"url":"https:\/\/quechilero.com\/blog\/2011\/09\/12\/publicidad-creativa-playground-wonderbra\/","url_meta":{"origin":398,"position":2},"title":"Publicidad Creativa: Playground \u2013 Wonderbra","author":"Pepe Barrascout Ortiz","date":"12 septiembre 2011","format":false,"excerpt":"Playground \u2013 Wonderbra Publicidad Creativa, para tomar ideas e inspiraci\u00f3n. Mas fotos de Publicidad Creativa.","rel":"","context":"En \u00abLimones por mano\u00bb","block_context":{"text":"Limones por mano","link":"https:\/\/quechilero.com\/blog\/category\/limones-por-mano\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":376,"url":"https:\/\/quechilero.com\/blog\/2006\/12\/04\/mandamientos-del-disenador-web\/","url_meta":{"origin":398,"position":3},"title":"Mandamientos del dise\u00f1ador web","author":"Pepe Barrascout Ortiz","date":"4 diciembre 2006","format":false,"excerpt":"Est\u00e1n un poco raros, pero me causaron gracia, es otra forma de decir lo que siempre decimos. 1. Amar\u00e1s a \"< div >\" sobre todas las dem\u00e1s etiquetas 2. No usar\u00e1s \"< br \/>\" en vano 3. Validar\u00e1s siempre tu c\u00f3digo con w3c 4. Honrar\u00e1s al XHTML y CSS 5.\u2026","rel":"","context":"En \u00abLimones\u00bb","block_context":{"text":"Limones","link":"https:\/\/quechilero.com\/blog\/category\/limones\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":118,"url":"https:\/\/quechilero.com\/blog\/2006\/08\/07\/html\/","url_meta":{"origin":398,"position":4},"title":"HTML","author":"Pepe Barrascout Ortiz","date":"7 agosto 2006","format":false,"excerpt":"Para los que de una u otra forma estamos metidos en el mundo de la programaci\u00f3n web, esta imagen es una forma muy visual de ver los conceptos de los c\u00f3digos html. Una nueva perspectiva de ver lo f\u00e1cil que resulta ser un programador en html al menos. Ojal\u00e1 que\u2026","rel":"","context":"En \u00abLimones\u00bb","block_context":{"text":"Limones","link":"https:\/\/quechilero.com\/blog\/category\/limones\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":12055,"url":"https:\/\/quechilero.com\/blog\/2012\/02\/06\/cada-cabeza-es-un-mundo-mini-planet-the-playground\/","url_meta":{"origin":398,"position":5},"title":"Cada cabeza es un mundo: Mini Planet &#8211; The Playground","author":"Pepe Barrascout Ortiz","date":"6 febrero 2012","format":false,"excerpt":"El Panorama palabra originalmente acu\u00f1ada por el pintor irland\u00e9s Robert Barker, para describir sus pinturas panor\u00e1micas de Edimburgo. Se muestran en una superficie cil\u00edndrica y visto desde el interior, se exhibieron en Londres en 1792 como \"El Panorama\". Estas im\u00e1genes dan la ilusi\u00f3n de estar inmerso en una circunferencia, ya\u2026","rel":"","context":"En \u00abLimones por mano\u00bb","block_context":{"text":"Limones por mano","link":"https:\/\/quechilero.com\/blog\/category\/limones-por-mano\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/quechilero.com\/blog\/wp-json\/wp\/v2\/posts\/398","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quechilero.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quechilero.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quechilero.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quechilero.com\/blog\/wp-json\/wp\/v2\/comments?post=398"}],"version-history":[{"count":0,"href":"https:\/\/quechilero.com\/blog\/wp-json\/wp\/v2\/posts\/398\/revisions"}],"wp:attachment":[{"href":"https:\/\/quechilero.com\/blog\/wp-json\/wp\/v2\/media?parent=398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quechilero.com\/blog\/wp-json\/wp\/v2\/categories?post=398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quechilero.com\/blog\/wp-json\/wp\/v2\/tags?post=398"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/quechilero.com\/blog\/wp-json\/wp\/v2\/series?post=398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}