{"id":843,"date":"2013-11-11T10:09:18","date_gmt":"2013-11-11T10:09:18","guid":{"rendered":"https:\/\/www.templatemonster.com\/es\/blog\/?p=843"},"modified":"2022-09-12T13:22:41","modified_gmt":"2022-09-12T13:22:41","slug":"trabar-amistad-con-css-sprites","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/","title":{"rendered":"Trabar Amistad con CSS Sprites: T\u00e9cnicas, Generadores"},"content":{"rendered":"<p>Estamos seguros que ya sabe q\u00fae significa la palabra 'sprites'. La palabra es bastante enga\u00f1osa porque <strong>sprite<\/strong>, en este caso, no es una imagen peque\u00f1a, es una imagen grande. Usted probablemente ha visto este CSS -trick cuando un bot\u00f3n se transforma al pasar el rat\u00f3n, por lo general, la imagen del bot\u00f3n es desplazada o reflejada.<\/p>\n<p><!--more--><\/p>\n<p><strong>CSS Sprites<\/strong> extienden esta t\u00e9cnica. La diferencia es que en lugar de dos o tres im\u00e1genes, combinadas en una imagen, Usted puede utilizar cualquier n\u00famero de im\u00e1genes. El t\u00e9rmino 'sprites' apareci\u00f3 en la industria de juegos. La idea era bastante simple: un ordenador puede crear una imagen en su memoria y, a continuaci\u00f3n, mostrar s\u00f3lo una parte de ella, que es m\u00e1s r\u00e1pido que la creaci\u00f3n de una nueva imagen cada vez. CSS sprites utilizan la misma idea: obtener una imagen para mostrar en cada caso s\u00f3lo su parte.<\/p>\n<p><strong>\u00bfPara qu\u00e9 se combina estas im\u00e1genes? \u00bfSe cargan m\u00e1s r\u00e1pidamente?<\/strong><\/p>\n<p>No... Antes, ten\u00edamos que cortar im\u00e1genes para crear sectores y para cargar la p\u00e1gina m\u00e1s r\u00e1pidamente. Esta t\u00e9cnica creaba la ilusi\u00f3n de la carga m\u00e1s r\u00e1pida de la p\u00e1gina debido al n\u00famero de sectores que se cargaban casi simult\u00e1neamente. Cada sector creaba un http-request separado.<\/p>\n<p><strong>Entonces, \u00bfc\u00f3mo se puede crear esos sprites?<\/strong><\/p>\n<p>Para facilitar su trabajo, los desarrolladores han creado varias herramientas en l\u00ednea y fuera de l\u00ednea para la creaci\u00f3n de CSS sprites. Todos ellas son muy f\u00e1ciles de usar y hacen su trabajo muy bien. As\u00ed que vamos a echar un vistazo a una lista de generadores de CSS sprites que recomendamos.<\/p>\n<p><a href=\"http:\/\/wearekiss.com\/spritepad\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">SpritePad<\/a><\/p>\n<p><a href=\"http:\/\/wearekiss.com\/spritepad\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/spritepad.jpg?9d7bd4\" alt=\"spritepad\" width=\"620\" height=\"\"><\/a><\/p>\n<p><strong>SpritePad<\/strong> es una interfaz 'arrastrar y soltar' para crear sprites.<\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/compass-style.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Compass<\/a><\/p>\n<p><a href=\"http:\/\/compass-style.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/compass.jpg?9d7bd4\" alt=\"compass\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>Compass<\/strong> es un framework excelente que puede crear sprites de una carpeta espec\u00edfica de im\u00e1genes. Tambi\u00e9n utiliza Sass.<\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.hagenburger.net\/BLOG\/Lemonade-CSS-Sprites-for-Sass-Compass.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Lemonade<\/a><\/p>\n<p><a href=\"http:\/\/www.hagenburger.net\/BLOG\/Lemonade-CSS-Sprites-for-Sass-Compass.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/lemonade.jpg?9d7bd4\" alt=\"lemonade\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>Lemonade<\/strong> es una herramienta que se puede utilizar para crear ficheros con sprites con la ayuda de la adici\u00f3n de l\u00edneas de c\u00f3digo a los ficheros Sass.<\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/spriteme.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">SpriteMe<\/a><\/p>\n<p><a href=\"http:\/\/spriteme.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/sprite-me.jpg?9d7bd4\" alt=\"sprite me\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>SpriteMe<\/strong> es un bookmarklet que puede generar y mostrar los sprites utilizados en otro sitio.<\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"https:\/\/clk.tradedoubler.com\/click?p=264355&amp;a=3279527&amp;url=https%3A%2F%2Fhelpx.adobe.com%2Ffireworks%2Fusing%2Fwhats-new-cs6.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Fireworks CS6<\/a><\/p>\n<p><a href=\"https:\/\/clk.tradedoubler.com\/click?p=264355&amp;a=3279527&amp;url=https%3A%2F%2Fhelpx.adobe.com%2Ffireworks%2Fusing%2Fwhats-new-cs6.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/fireworks.jpg?9d7bd4\" alt=\"fireworks\" width=\"620\" height=\"407\"><\/a><\/p>\n<p>La nueva versi\u00f3n del software <strong>Fireworks<\/strong> incluye una funci\u00f3n para generar sprites.<\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.spritecow.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Sprite Cow<\/a><\/p>\n<p><a href=\"http:\/\/www.spritecow.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/sprite-cow.jpg?9d7bd4\" alt=\"sprite cow\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>Sprite Cow<\/strong> es un servicio \u00fatil para el \"corte\" manual de ficheros de sprites.<\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"https:\/\/github.com\/jorgebastida\/glue\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Glue<\/a><\/p>\n<p><a href=\"https:\/\/github.com\/jorgebastida\/glue\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/glue.jpg?9d7bd4\" alt=\"glue\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>Glue<\/strong> es una l\u00ednea de comandos para generar sprites.<\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/css-sprit.es\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">CSS Sprites<\/a><\/p>\n<p><a href=\"http:\/\/css-sprit.es\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/css-sprites.jpg?9d7bd4\" alt=\"css sprites\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>CSS sprites<\/strong> es otro generador de sprites css.<\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/spriterightapp.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Sprite Right<\/a><\/p>\n<p><a href=\"http:\/\/spriterightapp.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/sprite-right.jpg?9d7bd4\" alt=\"sprite right\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>Sprite Right<\/strong> es una aplicaci\u00f3n de generaci\u00f3n de sprites para Mac.<\/p>\n<p class=\"aligncenter\">* * *<\/p>\n<p><a href=\"http:\/\/www.spritebox.net\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Spritebox<\/a><\/p>\n<p><a href=\"http:\/\/www.spritebox.net\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter\" src=\"http:\/\/blog.tmimgcdn.com\/wp-content\/uploads\/2013\/11\/spritebox.jpg?9d7bd4\" alt=\"spritebox\" width=\"620\" height=\"407\"><\/a><\/p>\n<p><strong>Spritebox<\/strong> es una interfaz 'arrastrar y soltar' para generar sprites.<\/p>\n<p class=\"aligncenter\">* * *<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Estamos seguros que ya sabe q\u00fae significa la palabra 'sprites'. La palabra es bastante enga\u00f1osa porque sprite, en este caso, no es una imagen peque\u00f1a, es una imagen grande. Usted probablemente ha visto este CSS -trick cuando un bot\u00f3n se transforma al pasar el rat\u00f3n, por lo general, la imagen del bot\u00f3n es desplazada o [&hellip;]<\/p>\n","protected":false},"author":1334762,"featured_media":2384,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[26],"tags":[533],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Trabar Amistad con CSS Sprites: T\u00e9cnicas, Generadores \u2b50Blog de TemplateMonster<\/title>\n<meta name=\"description\" content=\"Estamos seguros que ya sabe q\u00fae significa la palabra &#039;sprites&#039;. La palabra es bastante enga\u00f1osa porque sprite, en este caso, no es una imagen peque\u00f1a, es\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Trabar Amistad con CSS Sprites: T\u00e9cnicas, Generadores \u2b50Blog de TemplateMonster\" \/>\n<meta property=\"og:description\" content=\"Estamos seguros que ya sabe q\u00fae significa la palabra &#039;sprites&#039;. La palabra es bastante enga\u00f1osa porque sprite, en este caso, no es una imagen peque\u00f1a, es\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de TemplateMonster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterEspana\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-11T10:09:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-12T13:22:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2013\/11\/css_sprites.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"536\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Diane Parks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:site\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diane Parks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/\"},\"author\":{\"name\":\"Diane Parks\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\"},\"headline\":\"Trabar Amistad con CSS Sprites: T\u00e9cnicas, Generadores\",\"datePublished\":\"2013-11-11T10:09:18+00:00\",\"dateModified\":\"2022-09-12T13:22:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/\"},\"wordCount\":463,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"keywords\":[\"CSS3\"],\"articleSection\":[\"Desarrollo web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/\",\"url\":\"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/\",\"name\":\"Trabar Amistad con CSS Sprites: T\u00e9cnicas, Generadores \u2b50Blog de TemplateMonster\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#website\"},\"datePublished\":\"2013-11-11T10:09:18+00:00\",\"dateModified\":\"2022-09-12T13:22:41+00:00\",\"description\":\"Estamos seguros que ya sabe q\u00fae significa la palabra 'sprites'. La palabra es bastante enga\u00f1osa porque sprite, en este caso, no es una imagen peque\u00f1a, es\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Trabar Amistad con CSS Sprites: T\u00e9cnicas, Generadores\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/es\/#website\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"name\":\"Blog de TemplateMonster\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\",\"name\":\"MonstersPost Espa\u00f1a\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonstersPost Espa\u00f1a\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterEspana\",\"https:\/\/twitter.com\/TMonster_ES\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\",\"name\":\"Diane Parks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Diane Parks\"},\"description\":\"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!\",\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\"],\"url\":\"https:\/\/monsterspost.com\/es\/author\/diane\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Trabar Amistad con CSS Sprites: T\u00e9cnicas, Generadores \u2b50Blog de TemplateMonster","description":"Estamos seguros que ya sabe q\u00fae significa la palabra 'sprites'. La palabra es bastante enga\u00f1osa porque sprite, en este caso, no es una imagen peque\u00f1a, es","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/","og_locale":"es_ES","og_type":"article","og_title":"Trabar Amistad con CSS Sprites: T\u00e9cnicas, Generadores \u2b50Blog de TemplateMonster","og_description":"Estamos seguros que ya sabe q\u00fae significa la palabra 'sprites'. La palabra es bastante enga\u00f1osa porque sprite, en este caso, no es una imagen peque\u00f1a, es","og_url":"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/","og_site_name":"Blog de TemplateMonster","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterEspana","article_author":"https:\/\/www.facebook.com\/profile.php?id=100004881674652","article_published_time":"2013-11-11T10:09:18+00:00","article_modified_time":"2022-09-12T13:22:41+00:00","og_image":[{"width":900,"height":536,"url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2013\/11\/css_sprites.jpg","type":"image\/jpeg"}],"author":"Diane Parks","twitter_card":"summary_large_image","twitter_creator":"@TMonster_ES","twitter_site":"@TMonster_ES","twitter_misc":{"Escrito por":"Diane Parks","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/"},"author":{"name":"Diane Parks","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c"},"headline":"Trabar Amistad con CSS Sprites: T\u00e9cnicas, Generadores","datePublished":"2013-11-11T10:09:18+00:00","dateModified":"2022-09-12T13:22:41+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/"},"wordCount":463,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"keywords":["CSS3"],"articleSection":["Desarrollo web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/","url":"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/","name":"Trabar Amistad con CSS Sprites: T\u00e9cnicas, Generadores \u2b50Blog de TemplateMonster","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/#website"},"datePublished":"2013-11-11T10:09:18+00:00","dateModified":"2022-09-12T13:22:41+00:00","description":"Estamos seguros que ya sabe q\u00fae significa la palabra 'sprites'. La palabra es bastante enga\u00f1osa porque sprite, en este caso, no es una imagen peque\u00f1a, es","breadcrumb":{"@id":"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/es\/trabar-amistad-con-css-sprites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/es\/"},{"@type":"ListItem","position":2,"name":"Trabar Amistad con CSS Sprites: T\u00e9cnicas, Generadores"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/es\/#website","url":"https:\/\/monsterspost.com\/es\/","name":"Blog de TemplateMonster","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/es\/#organization","name":"MonstersPost Espa\u00f1a","url":"https:\/\/monsterspost.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonstersPost Espa\u00f1a"},"image":{"@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterEspana","https:\/\/twitter.com\/TMonster_ES"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c","name":"Diane Parks","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Diane Parks"},"description":"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!","sameAs":["https:\/\/www.facebook.com\/profile.php?id=100004881674652"],"url":"https:\/\/monsterspost.com\/es\/author\/diane\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/843"}],"collection":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/users\/1334762"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/comments?post=843"}],"version-history":[{"count":5,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/843\/revisions"}],"predecessor-version":[{"id":25656,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/843\/revisions\/25656"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media\/2384"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media?parent=843"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/categories?post=843"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/tags?post=843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}