{"id":55,"date":"2016-09-25T23:11:34","date_gmt":"2016-09-25T21:11:34","guid":{"rendered":"https:\/\/www.informaticapremium.com\/blog\/?p=55"},"modified":"2017-02-27T20:18:57","modified_gmt":"2017-02-27T19:18:57","slug":"css3-transform-translate-centrar-elemento","status":"publish","type":"post","link":"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/","title":{"rendered":"CSS3 transform translate &#8211; Centrar elemento"},"content":{"rendered":"<h6 style=\"text-align: justify;\">CSS3 transform translate, o m\u00e1s correctamente <em>transform:translate,\u00a0<\/em>nos sirve para centrar un elemento\u00a0en una posici\u00f3n fija, relativa o absoluta.<\/h6>\n<p style=\"text-align: justify;\">CSS3 transform translate: Por norma general entendemos que para centrar un elemento en una p\u00e1gina web lo podemos hacer con los par\u00e1metros CSS3:<\/p>\n<p style=\"text-align: center;\"><strong> top:50%<\/strong> y <strong>left:50%<\/strong><\/p>\n<p style=\"text-align: justify;\">Pero \u00bfPorqu\u00e9 no nos queda justamente en el centro?\u00a0Una soluci\u00f3n ser\u00eda\u00a0<strong><em>margin:auto<\/em><\/strong>\u00a0podemos centrar un elemento con un:<\/p>\n<p style=\"text-align: center;\">\u00a0<strong><em>width:100%<\/em><\/strong> y <strong><em>height:100%<\/em><\/strong><\/p>\n<p style=\"text-align: justify;\">Dentro de otro con medidas reducidas pero si no tenemos ese elemento contenedor \u00bfC\u00f3mo lo conseguimos?<\/p>\n<p style=\"text-align: justify;\">Hay\u00a0que tener en cuenta que un elemento puede tener un tama\u00f1o espec\u00edfico de ancho y largo, por lo tanto dependiendo del tama\u00f1o del objeto nos queda descentrado.<!--more--><\/p>\n<h6 style=\"text-align: justify;\"><strong>Uso de CSS3 transform translate<\/strong><\/h6>\n<p style=\"text-align: justify;\">Para evitar este problema\u00a0tenemos una buena forma usando el <em><strong>transform:translate<\/strong> \u00a0<\/em>de\u00a0<strong>CSS3 <\/strong>que nos sirve para situarnos\u00a0en menos de la mitad del\u00a0tama\u00f1o total del objeto especific\u00e1ndole:<\/p>\n<p style=\"text-align: center;\"><strong> &#8211;<em>50%<\/em> de height<\/strong>\u00a0y <strong>&#8211;<em>50%<\/em> de\u00a0width<\/strong><\/p>\n<p style=\"text-align: justify;\">Y as\u00ed centrar el objeto respecto al <em>top:50%<\/em> y <em>left:50%<\/em>.<\/p>\n<figure id=\"attachment_127\" aria-describedby=\"caption-attachment-127\" style=\"width: 400px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-127 size-full\" title=\"CSS3 transform translate\" src=\"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/09\/css3.jpg?resize=400%2C400&#038;ssl=1\" alt=\"CSS3 transform translate\" width=\"400\" height=\"400\" srcset=\"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/09\/css3.jpg?w=400&amp;ssl=1 400w, https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/09\/css3.jpg?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/09\/css3.jpg?resize=300%2C300&amp;ssl=1 300w\" sizes=\"(max-width: 400px) 85vw, 400px\" data-recalc-dims=\"1\" \/><figcaption id=\"caption-attachment-127\" class=\"wp-caption-text\">CSS3 transform translate<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">Ejemplo: si queremos poner una etiqueta <em>Div \u00a0<\/em>justamente en el centro de la p\u00e1gina web para hacer una notificaci\u00f3n al usuario, podemos hacerlo de la siguiente forma en el archivo <em>CSS.<\/em><\/p>\n<p style=\"text-align: justify;\">Ej.\u00a0<em>estilo1.css<\/em>:<\/p>\n<pre class=\"prettyprint\">#DIVaCentrar{\r\n\ttransform:translate(-50%, -50%);\r\n\tpadding:5px;\r\n\tborder: 1px solid black;\r\n\tposition:fixed;\r\n\tleft:50%;\r\n        top:50%;\r\n\tbackground-color:red;\r\n\topacity:0.7;\r\n\tcolor:white;\r\n\ttext-align:center;\r\n\tdisplay:block;\r\n\twidth:340px;\r\n\theight:auto;\r\n\tborder-radius:5px;\r\n}<\/pre>\n<p>Archivo HTML de prueba:<\/p>\n<pre class=\"prettyprint\">&lt;html&gt;\r\n&lt;head&gt;\r\n\t&lt;title&gt;Prueba div centrado&lt;\/title&gt;\r\n\t&lt;link rel=\"stylesheet\" href=\"estilo1.css\" \/&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\t&lt;div id=\"DIVaCentrar\"&gt;Prueba de div centrado&lt;\/div&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>Pod\u00e9is encontrar m\u00e1s informaci\u00f3n e incluso practicar con ejemplos en la excelente Web\u00a0<a href=\"http:\/\/www.w3schools.com\/css\/css3_2dtransforms.asp\">w3schools<\/a>.<\/p>\n<p>Hasta aqu\u00ed otro de los art\u00edculos en <strong>informaticapremium<\/strong> sobre lo \u00faltimo en <strong>hardware<\/strong>, <strong>sistemas<\/strong>, <strong>almacenamiento<\/strong>, <strong>redes<\/strong>, <strong>programaci\u00f3n<\/strong>, <strong>dise\u00f1o web<\/strong>, <strong>recuperaci\u00f3n de datos<\/strong> y actualidad del mundo de la <strong>t\u00e9cnica<\/strong> y la <strong>inform\u00e1tica<\/strong>. Nos vemos en breve.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS3 transform translate, o m\u00e1s correctamente transform:translate,\u00a0nos sirve para centrar un elemento\u00a0en una posici\u00f3n fija, relativa o absoluta. CSS3 transform translate: Por norma general entendemos que para centrar un elemento en una p\u00e1gina web lo podemos hacer con los par\u00e1metros CSS3: top:50% y left:50% Pero \u00bfPorqu\u00e9 no nos queda justamente en el centro?\u00a0Una soluci\u00f3n ser\u00eda\u00a0margin:auto\u00a0podemos &hellip; <a href=\"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abCSS3 transform translate &#8211; Centrar elemento\u00bb<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":127,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[5,81],"tags":[14,12,9,11,13,15,49,16],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CSS3 transform translate - Centrar elemento - Blog | informaticapremium<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS3 transform translate - Centrar elemento - Blog | informaticapremium\" \/>\n<meta property=\"og:description\" content=\"CSS3 transform translate, o m\u00e1s correctamente transform:translate,\u00a0nos sirve para centrar un elemento\u00a0en una posici\u00f3n fija, relativa o absoluta. CSS3 transform translate: Por norma general entendemos que para centrar un elemento en una p\u00e1gina web lo podemos hacer con los par\u00e1metros CSS3: top:50% y left:50% Pero \u00bfPorqu\u00e9 no nos queda justamente en el centro?\u00a0Una soluci\u00f3n ser\u00eda\u00a0margin:auto\u00a0podemos &hellip; Continuar leyendo &quot;CSS3 transform translate &#8211; Centrar elemento&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog | informaticapremium\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/informaticapremiumcom\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-25T21:11:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-27T19:18:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i2.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/09\/css3.jpg?fit=400%2C400&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Juan Fran\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@informatpremium\" \/>\n<meta name=\"twitter:site\" content=\"@informatpremium\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Juan Fran\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/\"},\"author\":{\"name\":\"Juan Fran\",\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/#\/schema\/person\/76cf4937f4abb6a7b293fe6514fe957d\"},\"headline\":\"CSS3 transform translate &#8211; Centrar elemento\",\"datePublished\":\"2016-09-25T21:11:34+00:00\",\"dateModified\":\"2017-02-27T19:18:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/\"},\"wordCount\":294,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/#organization\"},\"keywords\":[\"center\",\"centrar\",\"CSS\",\"CSS3\",\"fixed\",\"transform\",\"transform translate\",\"transform:translate\"],\"articleSection\":[\"Desarrollo\",\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/\",\"url\":\"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/\",\"name\":\"CSS3 transform translate - Centrar elemento - Blog | informaticapremium\",\"isPartOf\":{\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/#website\"},\"datePublished\":\"2016-09-25T21:11:34+00:00\",\"dateModified\":\"2017-02-27T19:18:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.informaticapremium.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS3 transform translate &#8211; Centrar elemento\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/#website\",\"url\":\"https:\/\/www.informaticapremium.com\/blog\/\",\"name\":\"Blog | informaticapremium\",\"description\":\"Inform\u00e1tica, sistemas, hardware, redes, procesadores, optimizaci\u00f3n del rendimiento\",\"publisher\":{\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.informaticapremium.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/#organization\",\"name\":\"informaticapremium\",\"url\":\"https:\/\/www.informaticapremium.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i2.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/10\/cropped-informaticapremium-logo.png?fit=240%2C240&ssl=1\",\"contentUrl\":\"https:\/\/i2.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/10\/cropped-informaticapremium-logo.png?fit=240%2C240&ssl=1\",\"width\":240,\"height\":240,\"caption\":\"informaticapremium\"},\"image\":{\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/informaticapremiumcom\/\",\"https:\/\/twitter.com\/informatpremium\",\"https:\/\/www.linkedin.com\/company\/informaticapremium\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.informaticapremium.com\/blog\/#\/schema\/person\/76cf4937f4abb6a7b293fe6514fe957d\",\"name\":\"Juan Fran\",\"sameAs\":[\"http:\/\/www.informaticapremium.com\"],\"url\":\"https:\/\/www.informaticapremium.com\/blog\/author\/juanfranrg\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS3 transform translate - Centrar elemento - Blog | informaticapremium","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:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/","og_locale":"es_ES","og_type":"article","og_title":"CSS3 transform translate - Centrar elemento - Blog | informaticapremium","og_description":"CSS3 transform translate, o m\u00e1s correctamente transform:translate,\u00a0nos sirve para centrar un elemento\u00a0en una posici\u00f3n fija, relativa o absoluta. CSS3 transform translate: Por norma general entendemos que para centrar un elemento en una p\u00e1gina web lo podemos hacer con los par\u00e1metros CSS3: top:50% y left:50% Pero \u00bfPorqu\u00e9 no nos queda justamente en el centro?\u00a0Una soluci\u00f3n ser\u00eda\u00a0margin:auto\u00a0podemos &hellip; Continuar leyendo \"CSS3 transform translate &#8211; Centrar elemento\"","og_url":"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/","og_site_name":"Blog | informaticapremium","article_publisher":"https:\/\/www.facebook.com\/informaticapremiumcom\/","article_published_time":"2016-09-25T21:11:34+00:00","article_modified_time":"2017-02-27T19:18:57+00:00","og_image":[{"width":400,"height":400,"url":"https:\/\/i2.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/09\/css3.jpg?fit=400%2C400&ssl=1","type":"image\/jpeg"}],"author":"Juan Fran","twitter_card":"summary_large_image","twitter_creator":"@informatpremium","twitter_site":"@informatpremium","twitter_misc":{"Escrito por":"Juan Fran","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/#article","isPartOf":{"@id":"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/"},"author":{"name":"Juan Fran","@id":"https:\/\/www.informaticapremium.com\/blog\/#\/schema\/person\/76cf4937f4abb6a7b293fe6514fe957d"},"headline":"CSS3 transform translate &#8211; Centrar elemento","datePublished":"2016-09-25T21:11:34+00:00","dateModified":"2017-02-27T19:18:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/"},"wordCount":294,"commentCount":0,"publisher":{"@id":"https:\/\/www.informaticapremium.com\/blog\/#organization"},"keywords":["center","centrar","CSS","CSS3","fixed","transform","transform translate","transform:translate"],"articleSection":["Desarrollo","Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/","url":"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/","name":"CSS3 transform translate - Centrar elemento - Blog | informaticapremium","isPartOf":{"@id":"https:\/\/www.informaticapremium.com\/blog\/#website"},"datePublished":"2016-09-25T21:11:34+00:00","dateModified":"2017-02-27T19:18:57+00:00","breadcrumb":{"@id":"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.informaticapremium.com\/blog\/css3-transform-translate-centrar-elemento\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.informaticapremium.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS3 transform translate &#8211; Centrar elemento"}]},{"@type":"WebSite","@id":"https:\/\/www.informaticapremium.com\/blog\/#website","url":"https:\/\/www.informaticapremium.com\/blog\/","name":"Blog | informaticapremium","description":"Inform\u00e1tica, sistemas, hardware, redes, procesadores, optimizaci\u00f3n del rendimiento","publisher":{"@id":"https:\/\/www.informaticapremium.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.informaticapremium.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.informaticapremium.com\/blog\/#organization","name":"informaticapremium","url":"https:\/\/www.informaticapremium.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.informaticapremium.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i2.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/10\/cropped-informaticapremium-logo.png?fit=240%2C240&ssl=1","contentUrl":"https:\/\/i2.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/10\/cropped-informaticapremium-logo.png?fit=240%2C240&ssl=1","width":240,"height":240,"caption":"informaticapremium"},"image":{"@id":"https:\/\/www.informaticapremium.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/informaticapremiumcom\/","https:\/\/twitter.com\/informatpremium","https:\/\/www.linkedin.com\/company\/informaticapremium\/"]},{"@type":"Person","@id":"https:\/\/www.informaticapremium.com\/blog\/#\/schema\/person\/76cf4937f4abb6a7b293fe6514fe957d","name":"Juan Fran","sameAs":["http:\/\/www.informaticapremium.com"],"url":"https:\/\/www.informaticapremium.com\/blog\/author\/juanfranrg\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/09\/css3.jpg?fit=400%2C400&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p7V1wU-T","jetpack-related-posts":[{"id":12,"url":"https:\/\/www.informaticapremium.com\/blog\/desarrollo-programacion\/","url_meta":{"origin":55,"position":0},"title":"Desarrollo-programaci\u00f3n","author":"Eduardo","date":"1 septiembre, 2016","format":false,"excerpt":"Desarrollo-programaci\u00f3n: Categor\u00eda de Blog|informaticapremium orientada a entradas sobre programaci\u00f3n y desarrollo software \/ web. Entradas publicadas en blog|informaticapremium Desarrollo-programaci\u00f3n: C\u00f3mo implementar aviso de cookies Bloqueando reincidentes de Fail2ban CSS3 transform translate \u2013 Centrar elemento Echad un vistazo a otros de nuestros\u00a0art\u00edculos en informaticapremium sobre lo \u00faltimo en hardware, sistemas, almacenamiento,\u2026","rel":"","context":"En \u00abDesarrollo\u00bb","block_context":{"text":"Desarrollo","link":"https:\/\/www.informaticapremium.com\/blog\/category\/desarrollo\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":343,"url":"https:\/\/www.informaticapremium.com\/blog\/duelo-de-titanes-amd-ryzen-threadripper-vs-intel-skylake-x\/","url_meta":{"origin":55,"position":1},"title":"Duelo de Titanes: AMD Ryzen Threadripper vs. Intel SkylakeX","author":"Carlos Yus Valero","date":"19 julio, 2017","format":false,"excerpt":"La rivalidad\u00a0AMD Ryzen Threadripper vs. Intel SkylakeX\u00a0marcar\u00e1 una \u00e9poca y subraya la vuelta a la competici\u00f3n en el mercado sobremesa de gama alta HEDT (high-end desktop). Aqu\u00ed analizar\u00e9 ambos procesadores en detalle y expondr\u00e9 sus puntos d\u00e9biles y fortalezas. Threadripper incluso inaugura una nueva categor\u00eda, el SHED (super high-end desktop).\u2026","rel":"","context":"En \u00abHardware\u00bb","block_context":{"text":"Hardware","link":"https:\/\/www.informaticapremium.com\/blog\/category\/hardware\/"},"img":{"alt_text":"Threadripper: M\u00e1s de 4000 pines...","src":"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2017\/07\/AMD-Threadripper-bottom.jpg?fit=640%2C483&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2017\/07\/AMD-Threadripper-bottom.jpg?fit=640%2C483&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2017\/07\/AMD-Threadripper-bottom.jpg?fit=640%2C483&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":117,"url":"https:\/\/www.informaticapremium.com\/blog\/amd-zen-cache-informaticapremium\/","url_meta":{"origin":55,"position":2},"title":"AMD Zen Cache &#8211; informaticapremium","author":"Carlos Yus Valero","date":"20 octubre, 2016","format":false,"excerpt":"AMD Zen cache: La nueva micro arquitectura de AMD presenta un subsistema de cach\u00e9 muy diferenciado y evolucionado respecto a su antecesor AMD Bulldozer 32 nm y sus derivativas. AMD Zen cache: Op cache L0i en AMD Ryzen Para empezar AMD integra una op cach\u00e9. Una cach\u00e9 L0i de instrucciones\u2026","rel":"","context":"En \u00abHardware\u00bb","block_context":{"text":"Hardware","link":"https:\/\/www.informaticapremium.com\/blog\/category\/hardware\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/10\/AMD-Zen-die-cores-L3.jpg?fit=443%2C249&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":301,"url":"https:\/\/www.informaticapremium.com\/blog\/amd-ryzen-7-8c-16t-4ghz\/","url_meta":{"origin":55,"position":3},"title":"AMD Ryzen 7 &#8211; 8 cores 16 threads y 4 GHz","author":"Carlos Yus Valero","date":"23 febrero, 2017","format":false,"excerpt":"El procesador AMD Ryzen 7, la estrella de la gama, llega con 8 cores, 16 threads y 4 GHz en modo turbo para revolucionar el mercado... ... Literalmente. La gama alta de los procesadores Ryzen competir\u00e1 con las CPU Intel de la serie 6800 y 6900 de 6, 8 y\u2026","rel":"","context":"En \u00abHardware\u00bb","block_context":{"text":"Hardware","link":"https:\/\/www.informaticapremium.com\/blog\/category\/hardware\/"},"img":{"alt_text":"Un core AMD Ryzen con su banco L3 de 2 MB.","src":"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2017\/02\/Ryzen-1C-2MB-L3-colores-640px.jpg?fit=640%2C303&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2017\/02\/Ryzen-1C-2MB-L3-colores-640px.jpg?fit=640%2C303&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2017\/02\/Ryzen-1C-2MB-L3-colores-640px.jpg?fit=640%2C303&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":320,"url":"https:\/\/www.informaticapremium.com\/blog\/datos-gratis-para-tu-proyecto-iot\/","url_meta":{"origin":55,"position":4},"title":"Datos gratis para tu proyecto IoT","author":"Eduardo","date":"27 febrero, 2017","format":false,"excerpt":"En el departamento\u00a0de I+D+i estamos en pleno\u00a0desarrollo de un proyecto IoT\u00a0(Internet of Things) que necesita una conexi\u00f3n a Internet fiable con la que trabajar 24\/7. Es un producto enfocado tanto a particulares como a empresas del cual se podr\u00edan querer instalar de uno a decenas o cientos. Tras varias semanas\u2026","rel":"","context":"En \u00abDesarrollo\u00bb","block_context":{"text":"Desarrollo","link":"https:\/\/www.informaticapremium.com\/blog\/category\/desarrollo\/"},"img":{"alt_text":"Internet of Things","src":"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2017\/02\/IoT.jpg?fit=640%2C440&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2017\/02\/IoT.jpg?fit=640%2C440&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2017\/02\/IoT.jpg?fit=640%2C440&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":238,"url":"https:\/\/www.informaticapremium.com\/blog\/pasta-termica-y-procesadores\/","url_meta":{"origin":55,"position":5},"title":"Pasta t\u00e9rmica y procesadores","author":"Carlos Yus Valero","date":"1 febrero, 2017","format":false,"excerpt":"La\u00a0selecci\u00f3n de la pasta t\u00e9rmica para nuestro sistema cobra mayor importancia d\u00eda a d\u00eda por\u00a0la creciente optimizaci\u00f3n de procesadores y tarjetas gr\u00e1ficas hacia\u00a0entornos de bajo consumo (port\u00e1tiles, tablets, smartphones...) La funci\u00f3n de la pasta t\u00e9rmica es rellenar los espacios entre la superficie del chip (sea CPU, GPU, chipset...) y la\u2026","rel":"","context":"En \u00abHardware\u00bb","block_context":{"text":"Hardware","link":"https:\/\/www.informaticapremium.com\/blog\/category\/hardware\/"},"img":{"alt_text":"Pasta T\u00e9rmica (TIM) y resistencia t\u00e9rmica.","src":"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2017\/02\/LGA-processor-TIM-Heatsink.png?fit=586%2C355&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2017\/02\/LGA-processor-TIM-Heatsink.png?fit=586%2C355&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2017\/02\/LGA-processor-TIM-Heatsink.png?fit=586%2C355&ssl=1&resize=525%2C300 1.5x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.informaticapremium.com\/blog\/wp-json\/wp\/v2\/posts\/55"}],"collection":[{"href":"https:\/\/www.informaticapremium.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.informaticapremium.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.informaticapremium.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.informaticapremium.com\/blog\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":0,"href":"https:\/\/www.informaticapremium.com\/blog\/wp-json\/wp\/v2\/posts\/55\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.informaticapremium.com\/blog\/wp-json\/wp\/v2\/media\/127"}],"wp:attachment":[{"href":"https:\/\/www.informaticapremium.com\/blog\/wp-json\/wp\/v2\/media?parent=55"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.informaticapremium.com\/blog\/wp-json\/wp\/v2\/categories?post=55"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.informaticapremium.com\/blog\/wp-json\/wp\/v2\/tags?post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}