{"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":117,"url":"https:\/\/www.informaticapremium.com\/blog\/amd-zen-cache-informaticapremium\/","url_meta":{"origin":55,"position":1},"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":320,"url":"https:\/\/www.informaticapremium.com\/blog\/datos-gratis-para-tu-proyecto-iot\/","url_meta":{"origin":55,"position":2},"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":343,"url":"https:\/\/www.informaticapremium.com\/blog\/duelo-de-titanes-amd-ryzen-threadripper-vs-intel-skylake-x\/","url_meta":{"origin":55,"position":3},"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":44,"url":"https:\/\/www.informaticapremium.com\/blog\/bloqueando-reincidentes-fail2ban\/","url_meta":{"origin":55,"position":4},"title":"Bloqueando reincidentes de Fail2ban","author":"Eduardo","date":"20 septiembre, 2016","format":false,"excerpt":"Fail2ban escanea logs (por ejemplo\u00a0\/var\/log\/auth.log), bloqueando IPs\u00a0que muestran comportamientos maliciosos. Es una gran herramienta en la que se pueden configurar jaulas para los diferentes tipos de servicios que teng\u00e1is en vuestro servidor, protegiendo de esta manera intentos de acceso con contrase\u00f1a err\u00f3nea (fuerza bruta) o incluso bots maliciosos en busca\u2026","rel":"","context":"En \u00abDesarrollo\u00bb","block_context":{"text":"Desarrollo","link":"https:\/\/www.informaticapremium.com\/blog\/category\/desarrollo\/"},"img":{"alt_text":"Faail2Ban.org","src":"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/09\/fail2ban-logo.jpg?fit=640%2C454&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/09\/fail2ban-logo.jpg?fit=640%2C454&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.informaticapremium.com\/blog\/wp-content\/uploads\/2016\/09\/fail2ban-logo.jpg?fit=640%2C454&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}]}}