From a3b88ac5953c3fe8c736a747727df13396a76dd0 Mon Sep 17 00:00:00 2001 From: Brendo Marinho Date: Thu, 9 May 2024 00:18:31 -0300 Subject: [PATCH] =?UTF-8?q?Lista=20de=20iPhones=20atualizada=20at=C3=A9=20?= =?UTF-8?q?iPhone=2012?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/scripts/script.js | 2 + assets/scripts/script.min.js | 2 +- assets/styles/style.css | 10 + assets/styles/style.min.css | 2 +- index.html | 1 + resources/data/meus_devices.xml | 467 ++++++++++++++++++++++++++++---- 6 files changed, 427 insertions(+), 57 deletions(-) diff --git a/assets/scripts/script.js b/assets/scripts/script.js index 3d60b1f..68fcab7 100644 --- a/assets/scripts/script.js +++ b/assets/scripts/script.js @@ -103,6 +103,8 @@ function getDevice() { buffer += ""; } else if (dispositivo[b].status === 'sem-suporte') { buffer += ""; + } else if (dispositivo[b].status === 'vintage') { + buffer += ""; } else if (dispositivo[b].status === 'obsoleto') { buffer += ""; } else { diff --git a/assets/scripts/script.min.js b/assets/scripts/script.min.js index af541dd..8ab0425 100644 --- a/assets/scripts/script.min.js +++ b/assets/scripts/script.min.js @@ -1 +1 @@ -var meuTema=["blue","dark","grey","metro-dark"];function shuffle(array){for(var cont=array.length,temp,index;cont>0;)index=Math.floor(Math.random()*cont),temp=array[--cont],array[cont]=array[index],array[index]=temp;return array}function buscarReferencia(mGlossario,id){for(var i=0;i':"com-suporte"===dispositivo[b].status?buffer+='':"sem-suporte"===dispositivo[b].status?buffer+='':"obsoleto"===dispositivo[b].status?buffer+='':buffer+="",buffer+=""+dispositivo[b].nome+"",buffer+=""+dispositivo[b].resolution+"",buffer+=""+dispositivo[b].density+"",buffer+=""+dispositivo[b].screen_size+"",buffer+=""+dispositivo[b].ppi+"",buffer+=""+dispositivo[b].dpi+"",buffer+=""+dispositivo[b].css_pixel_ratio+"",buffer+=""+dispositivo[b].css_width+"",buffer+=""+dispositivo[b].aspect_ratio+"",buffer+=""+dispositivo[b].graphics_array+"",buffer+=""+dispositivo[b].first_os+"",buffer+=""+dispositivo[b].last_os+"",buffer+=""+dispositivo[b].release+"",buffer+="";buffer+="",$("#dispositivos tbody").append(buffer),$("#dispositivos").trigger("update")}function Dispositivo(){var nome="",resolution="",density="",screen_size="",ppi="",dpi="",css_pixel_ratio="",css_width="",aspect_ratio="",graphics_array="",first_os="",last_os="",status="",release=""}function xmlParserDispositivosSimplificado(xmlNode){dispositivo=new Array;var contador=0;for(xmlRootNode=xmlNode.getElementsByTagName("dispositivos")[0],xmlListaDevices=xmlRootNode.getElementsByTagName("device"),i=0;i'+deviceRef.legenda+"")})),getDevice()})),window.innerWidth>1024&&$("#dispositivos").tablesorter({theme:meuTema[0],widgets:["reorder","columnSelector","stickyHeaders","filter"],widgetOptions:{reorder_axis:"x",reorder_delay:300,reorder_helperClass:"tablesorter-reorder-helper",reorder_helperBar:"tablesorter-reorder-helper-bar",reorder_noReorder:"reorder-false",reorder_blocked:"reorder-block-left reorder-block-end",reorder_complete:null,columnSelector_container:$("#columnSelector"),columnSelector_columns:{0:"disable"},columnSelector_saveColumns:!0,columnSelector_layout:'',columnSelector_name:"data-selector-name",columnSelector_mediaquery:!0,columnSelector_mediaqueryName:"Auto: ",columnSelector_mediaqueryState:!0,columnSelector_breakpoints:["20em","30em","40em","50em","60em","70em"],columnSelector_priority:"data-priority"},initialized:function(table){}});var deviceInfo=[{id:"device",title:"Device",legenda:"Device name and Brand"},{id:"resolution",title:"Resolution",legenda:"Width x Height of Device"},{id:"density",title:"Density",legenda:"Pixel Density"},{id:"screen_size",title:"Screen Size (inch)",legenda:"How many inches is the screen"},{id:"ppi",title:"PPI",legenda:"Pixels per inch of the screen"},{id:"dpi",title:"DPI",legenda:"Dots per inch of the screen - Density"},{id:"css_pixel_ratio",title:"CSS Pixel Ratio",legenda:"It is the ratio between hardware pixels and CSS pixels"},{id:"css_width",title:"CSS Width",legenda:"Can be calculated by dividing the Pixel Width by the CSS Pixel Ratio"},{id:"aspect_ratio",title:"Aspect Ratio",legenda:"Display Aspect Ratio - the proportional relationship between its width and its height"},{id:"graphics_array",title:"Graphics Array",legenda:"Device's dimensions (width x height)"},{id:"first_os",title:"First OS",legenda:"Device Operational System Version on Release"},{id:"last_os",title:"Last OS",legenda:"Device Operational System Version on the last update"},{id:"release",title:"Release",legenda:"Release date of device"}];!function(){var link_element=document.createElement("link"),s=document.getElementsByTagName("script")[0];"http:"!==window.location.protocol&&"https:"!==window.location.protocol&&(link_element.href="http:"),link_element.href+="//fonts.googleapis.com/css?family=PT+Sans:400italic,400,700italic,700",link_element.rel="stylesheet",link_element.type="text/css",s.parentNode.insertBefore(link_element,s)}(),function(){var link_element=document.createElement("link"),s=document.getElementsByTagName("script")[0];"http:"!==window.location.protocol&&"https:"!==window.location.protocol&&(link_element.href="http:"),link_element.href+="//fonts.googleapis.com/css?family=Open+Sans:300italic,300,400italic,400,600italic,600,700italic,700,800italic,800",link_element.rel="stylesheet",link_element.type="text/css",s.parentNode.insertBefore(link_element,s)}(); \ No newline at end of file +var meuTema=["blue","dark","grey","metro-dark"];function shuffle(array){for(var cont=array.length,temp,index;cont>0;)index=Math.floor(Math.random()*cont),temp=array[--cont],array[cont]=array[index],array[index]=temp;return array}function buscarReferencia(mGlossario,id){for(var i=0;i':"com-suporte"===dispositivo[b].status?buffer+='':"sem-suporte"===dispositivo[b].status?buffer+='':"vintage"===dispositivo[b].status?buffer+='':"obsoleto"===dispositivo[b].status?buffer+='':buffer+="",buffer+=""+dispositivo[b].nome+"",buffer+=""+dispositivo[b].resolution+"",buffer+=""+dispositivo[b].density+"",buffer+=""+dispositivo[b].screen_size+"",buffer+=""+dispositivo[b].ppi+"",buffer+=""+dispositivo[b].dpi+"",buffer+=""+dispositivo[b].css_pixel_ratio+"",buffer+=""+dispositivo[b].css_width+"",buffer+=""+dispositivo[b].aspect_ratio+"",buffer+=""+dispositivo[b].graphics_array+"",buffer+=""+dispositivo[b].first_os+"",buffer+=""+dispositivo[b].last_os+"",buffer+=""+dispositivo[b].release+"",buffer+="";buffer+="",$("#dispositivos tbody").append(buffer),$("#dispositivos").trigger("update")}function Dispositivo(){var nome="",resolution="",density="",screen_size="",ppi="",dpi="",css_pixel_ratio="",css_width="",aspect_ratio="",graphics_array="",first_os="",last_os="",status="",release=""}function xmlParserDispositivosSimplificado(xmlNode){dispositivo=new Array;var contador=0;for(xmlRootNode=xmlNode.getElementsByTagName("dispositivos")[0],xmlListaDevices=xmlRootNode.getElementsByTagName("device"),i=0;i'+deviceRef.legenda+"")})),getDevice()})),window.innerWidth>1024&&$("#dispositivos").tablesorter({theme:meuTema[0],widgets:["reorder","columnSelector","stickyHeaders","filter"],widgetOptions:{reorder_axis:"x",reorder_delay:300,reorder_helperClass:"tablesorter-reorder-helper",reorder_helperBar:"tablesorter-reorder-helper-bar",reorder_noReorder:"reorder-false",reorder_blocked:"reorder-block-left reorder-block-end",reorder_complete:null,columnSelector_container:$("#columnSelector"),columnSelector_columns:{0:"disable"},columnSelector_saveColumns:!0,columnSelector_layout:'',columnSelector_name:"data-selector-name",columnSelector_mediaquery:!0,columnSelector_mediaqueryName:"Auto: ",columnSelector_mediaqueryState:!0,columnSelector_breakpoints:["20em","30em","40em","50em","60em","70em"],columnSelector_priority:"data-priority"},initialized:function(table){}});var deviceInfo=[{id:"device",title:"Device",legenda:"Device name and Brand"},{id:"resolution",title:"Resolution",legenda:"Width x Height of Device"},{id:"density",title:"Density",legenda:"Pixel Density"},{id:"screen_size",title:"Screen Size (inch)",legenda:"How many inches is the screen"},{id:"ppi",title:"PPI",legenda:"Pixels per inch of the screen"},{id:"dpi",title:"DPI",legenda:"Dots per inch of the screen - Density"},{id:"css_pixel_ratio",title:"CSS Pixel Ratio",legenda:"It is the ratio between hardware pixels and CSS pixels"},{id:"css_width",title:"CSS Width",legenda:"Can be calculated by dividing the Pixel Width by the CSS Pixel Ratio"},{id:"aspect_ratio",title:"Aspect Ratio",legenda:"Display Aspect Ratio - the proportional relationship between its width and its height"},{id:"graphics_array",title:"Graphics Array",legenda:"Device's dimensions (width x height)"},{id:"first_os",title:"First OS",legenda:"Device Operational System Version on Release"},{id:"last_os",title:"Last OS",legenda:"Device Operational System Version on the last update"},{id:"release",title:"Release",legenda:"Release date of device"}];!function(){var link_element=document.createElement("link"),s=document.getElementsByTagName("script")[0];"http:"!==window.location.protocol&&"https:"!==window.location.protocol&&(link_element.href="http:"),link_element.href+="//fonts.googleapis.com/css?family=PT+Sans:400italic,400,700italic,700",link_element.rel="stylesheet",link_element.type="text/css",s.parentNode.insertBefore(link_element,s)}(),function(){var link_element=document.createElement("link"),s=document.getElementsByTagName("script")[0];"http:"!==window.location.protocol&&"https:"!==window.location.protocol&&(link_element.href="http:"),link_element.href+="//fonts.googleapis.com/css?family=Open+Sans:300italic,300,400italic,400,600italic,600,700italic,700,800italic,800",link_element.rel="stylesheet",link_element.type="text/css",s.parentNode.insertBefore(link_element,s)}(); \ No newline at end of file diff --git a/assets/styles/style.css b/assets/styles/style.css index 3815eff..3eb3aea 100644 --- a/assets/styles/style.css +++ b/assets/styles/style.css @@ -135,6 +135,12 @@ pre { background-color: #804f4f; } +.vintage td, +.vintage td:first-child { + color: #3c3c3c!important; + background-color: #fdd; +} + .obsoleto td, .obsoleto td:first-child { color: #fff; @@ -168,6 +174,10 @@ pre { background-color: #804f4f; } +.alert .span-vintage { + background-color: #fdd; +} + .alert .span-obsoleto { color: #fff; background-color: #3c3c3c; diff --git a/assets/styles/style.min.css b/assets/styles/style.min.css index 7ea995d..e4eb944 100644 --- a/assets/styles/style.min.css +++ b/assets/styles/style.min.css @@ -1 +1 @@ -::-moz-selection{background:#dec36a}::selection{background:#dec36a}*{margin:0;padding:0}body{width:100%;font-family:'Open Sans','Trebuchet MS','Courier Pro','Courier New',Arial,sans-serif;font-size:10px}h1,h2{margin:30px 0 10px 0;font-family:'PT Sans','PT Sans Pro','Courier Pro','Courier New',Arial,sans-serif}h1{width:calc(100% - 20px);padding:10px 0;font-size:2rem;font-weight:700;color:#aa6d22}h2{font-size:1.6rem;font-weight:700;font-style:italic}p{margin:5px 0 10px 0;font-size:1.3rem;font-weight:lighter}#page-wrap{width:calc(80%);margin:0 auto;padding:60px}.lista{width:95%;margin:10px 0 20px 0}.lista li{margin:0 0 5px 0;font-size:1.3rem;font-weight:lighter;list-style-type:none}.lista li:before{content:"\f121";left:-3px;font-family:FontAwesome;position:relative}blockquote{width:calc(100% - 20px);margin:10px;font-size:1.3rem}code{padding:0;font-size:1.2rem;font-style:normal}pre{width:70%;margin:10px auto;padding:15px;font-size:1.2rem;color:#333;background-color:#eee;border:1px solid #ddd;border-left-width:5px;overflow-x:auto}.table{width:100%!important;margin:0!important;border-collapse:collapse}.table th{font-size:.9rem!important;text-align:center}.table th td{cursor:move}.table td{font-size:.8rem!important;text-align:center!important;vertical-align:middle!important}.table tr:hover td,.table tr:hover td:first-child{color:#000!important;background:#d9d9d9}.novo td,.novo td:first-child{background-color:#22ff3f}.com-suporte td,.com-suporte td:first-child{background-color:#d5d3ff}.sem-suporte td,.sem-suporte td:first-child{color:#fff;background-color:#804f4f}.obsoleto td,.obsoleto td:first-child{color:#fff;background-color:#3c3c3c}.alert li{padding:5px;color:#000;border:1px solid currentColor}.alert li:before{content:''}.alert .span-novo{background-color:#22ff3f}.alert .span-atual{background-color:#fff}.alert .span-com-suporte{background-color:#d5d3ff}.alert .span-sem-suporte{color:#fff;background-color:#804f4f}.alert .span-obsoleto{color:#fff;background-color:#3c3c3c}.container-table{width:100%;margin:10px 0;position:relative;float:left}.tablesorter-header.tablesorter-reorder-helper{cursor:move}.tablesorter-reorder-helper-bar{width:1px;background:#000}#columnSelector.horizontal label{display:block}.columnSelectorWrapper{margin:20px 10px;position:relative;display:none;z-index:300}.columnSelector,.hidden{display:none}.columnSelectorButton{padding:5px 10px;font-size:.8rem;text-transform:uppercase;color:#000;background:#999;border:#000 1px solid;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;cursor:pointer}#colSelect1:checked+label{background:#5797d7;border-color:#555}#colSelect1:checked~#columnSelector{display:block}.columnSelector{padding:10px;top:30px;background:#fff;border:#000 1px solid;position:absolute}.columnSelector label{font-size:.8rem;display:block}.columnSelector label:nth-child(1){border-bottom:#000 solid 1px;margin-bottom:5px}.columnSelector .disabled{color:#ddd}.info{width:80px;cursor:default;display:inline-block;position:relative}.info .popover{width:90px;padding:7px 10px;left:-3px;top:40px;font-size:12px;color:#fff;background-color:rgba(0,0,0,.85);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.4);-webkit-box-shadow:0 0 5px rgba(0,0,0,.4);display:none;position:absolute;z-index:4}.info .popover:before{content:'';margin-left:-7px;left:50%;top:-7px;border-bottom:7px solid rgba(0,0,0,.85);border-right:7px solid transparent;border-left:7px solid transparent;display:block;position:absolute}.info:hover .popover{-webkit-animation:fade-in .3s linear 1,move-down .3s linear 1;-moz-animation:fade-in .3s linear 1,move-down .3s linear 1;-ms-animation:fade-in .3s linear 1,move-down .3s linear 1;display:block}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@-moz-keyframes fade-in{from{opacity:0}to{opacity:1}}@-ms-keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes move-down{from{top:55px}to{top:40px}}@-moz-keyframes move-down{from{top:55px}to{top:40px}}@-ms-keyframes move-down{from{top:55px}to{top:40px}}@media only screen and (max-width:992px),(min-device-width:768px) and (max-device-width:1024px),print{#page-wrap{width:calc(90%);margin:5px auto;padding:20px}pre{width:70%}table,tbody,td,th,thead,tr{display:block}.table{width:calc(100% - 20px)!important;margin:10px!important;border:0}.table thead tr{top:-9999px;left:-9999px;position:absolute}.table tr{border:1px solid #000!important}.table tr:nth-of-type(odd){background:#eee}.table td{padding:1% 0 1% 50%!important;font-size:1.2rem!important;border:none!important;border-bottom:1px solid #000!important;position:relative}.table td:before{width:45%;padding-right:10px;top:6px;left:6px;white-space:nowrap;position:absolute}.table td:first-child{padding-left:0!important;font-weight:700;text-align:center;color:#fff!important;background:#625d5d}.table td:nth-of-type(1):before{content:"";width:0}.table td:nth-of-type(2):before{content:"Resolution"}.table td:nth-of-type(3):before{content:"Density"}.table td:nth-of-type(4):before{content:"Screen Size"}.table td:nth-of-type(5):before{content:"PPI"}.table td:nth-of-type(6):before{content:"DPI"}.table td:nth-of-type(7):before{content:"CSS Pixel Ratio"}.table td:nth-of-type(8):before{content:"CSS Width"}.table td:nth-of-type(9):before{content:"Aspect Ratio"}.table td:nth-of-type(10):before{content:"Graphics Array"}.table td:nth-of-type(11):before{content:"First OS"}.table td:nth-of-type(12):before{content:"Last OS"}.table td:nth-of-type(13):before{content:"Release"}}@media only screen and (min-width:320px) and (max-width :480px){body{width:100%;margin:0;padding:0;position:relative}.table{border:1px solid #000!important}pre{width:calc(90% - 50px)}blockquote{width:calc(90% - 20px);margin:10px}cite{word-break:break-all}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){body{width:100%}}@media only screen and (min-width:1024px){.columnSelectorWrapper{display:block}}@media print{#page-wrap{width:calc(90%);margin:25px auto;padding:20px}.table{width:80%!important;margin:45px auto 25px auto!important;border:0}.table th,.table tr{margin:20px 0 0 0;border:1px solid #000}} \ No newline at end of file +::-moz-selection{background:#dec36a}::selection{background:#dec36a}*{margin:0;padding:0}body{width:100%;font-family:'Open Sans','Trebuchet MS','Courier Pro','Courier New',Arial,sans-serif;font-size:10px}h1,h2{margin:30px 0 10px 0;font-family:'PT Sans','PT Sans Pro','Courier Pro','Courier New',Arial,sans-serif}h1{width:calc(100% - 20px);padding:10px 0;font-size:2rem;font-weight:700;color:#aa6d22}h2{font-size:1.6rem;font-weight:700;font-style:italic}p{margin:5px 0 10px 0;font-size:1.3rem;font-weight:lighter}#page-wrap{width:calc(80%);margin:0 auto;padding:60px}.lista{width:95%;margin:10px 0 20px 0}.lista li{margin:0 0 5px 0;font-size:1.3rem;font-weight:lighter;list-style-type:none}.lista li:before{content:"\f121";left:-3px;font-family:FontAwesome;position:relative}blockquote{width:calc(100% - 20px);margin:10px;font-size:1.3rem}code{padding:0;font-size:1.2rem;font-style:normal}pre{width:70%;margin:10px auto;padding:15px;font-size:1.2rem;color:#333;background-color:#eee;border:1px solid #ddd;border-left-width:5px;overflow-x:auto}.table{width:100%!important;margin:0!important;border-collapse:collapse}.table th{font-size:.9rem!important;text-align:center}.table th td{cursor:move}.table td{font-size:.8rem!important;text-align:center!important;vertical-align:middle!important}.table tr:hover td,.table tr:hover td:first-child{color:#000!important;background:#d9d9d9}.novo td,.novo td:first-child{background-color:#22ff3f}.com-suporte td,.com-suporte td:first-child{background-color:#d5d3ff}.sem-suporte td,.sem-suporte td:first-child{color:#fff;background-color:#804f4f}.vintage td,.vintage td:first-child{color:#3c3c3c!important;background-color:#fdd}.obsoleto td,.obsoleto td:first-child{color:#fff;background-color:#3c3c3c}.alert li{padding:5px;color:#000;border:1px solid currentColor}.alert li:before{content:''}.alert .span-novo{background-color:#22ff3f}.alert .span-atual{background-color:#fff}.alert .span-com-suporte{background-color:#d5d3ff}.alert .span-sem-suporte{color:#fff;background-color:#804f4f}.alert .span-vintage{background-color:#fdd}.alert .span-obsoleto{color:#fff;background-color:#3c3c3c}.container-table{width:100%;margin:10px 0;position:relative;float:left}.tablesorter-header.tablesorter-reorder-helper{cursor:move}.tablesorter-reorder-helper-bar{width:1px;background:#000}#columnSelector.horizontal label{display:block}.columnSelectorWrapper{margin:20px 10px;position:relative;display:none;z-index:300}.columnSelector,.hidden{display:none}.columnSelectorButton{padding:5px 10px;font-size:.8rem;text-transform:uppercase;color:#000;background:#999;border:#000 1px solid;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;cursor:pointer}#colSelect1:checked+label{background:#5797d7;border-color:#555}#colSelect1:checked~#columnSelector{display:block}.columnSelector{padding:10px;top:30px;background:#fff;border:#000 1px solid;position:absolute}.columnSelector label{font-size:.8rem;display:block}.columnSelector label:nth-child(1){border-bottom:#000 solid 1px;margin-bottom:5px}.columnSelector .disabled{color:#ddd}.info{width:80px;cursor:default;display:inline-block;position:relative}.info .popover{width:90px;padding:7px 10px;left:-3px;top:40px;font-size:12px;color:#fff;background-color:rgba(0,0,0,.85);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.4);-webkit-box-shadow:0 0 5px rgba(0,0,0,.4);display:none;position:absolute;z-index:4}.info .popover:before{content:'';margin-left:-7px;left:50%;top:-7px;border-bottom:7px solid rgba(0,0,0,.85);border-right:7px solid transparent;border-left:7px solid transparent;display:block;position:absolute}.info:hover .popover{-webkit-animation:fade-in .3s linear 1,move-down .3s linear 1;-moz-animation:fade-in .3s linear 1,move-down .3s linear 1;-ms-animation:fade-in .3s linear 1,move-down .3s linear 1;display:block}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@-moz-keyframes fade-in{from{opacity:0}to{opacity:1}}@-ms-keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes move-down{from{top:55px}to{top:40px}}@-moz-keyframes move-down{from{top:55px}to{top:40px}}@-ms-keyframes move-down{from{top:55px}to{top:40px}}@media only screen and (max-width:992px),(min-device-width:768px) and (max-device-width:1024px),print{#page-wrap{width:calc(90%);margin:5px auto;padding:20px}pre{width:70%}table,tbody,td,th,thead,tr{display:block}.table{width:calc(100% - 20px)!important;margin:10px!important;border:0}.table thead tr{top:-9999px;left:-9999px;position:absolute}.table tr{border:1px solid #000!important}.table tr:nth-of-type(odd){background:#eee}.table td{padding:1% 0 1% 50%!important;font-size:1.2rem!important;border:none!important;border-bottom:1px solid #000!important;position:relative}.table td:before{width:45%;padding-right:10px;top:6px;left:6px;white-space:nowrap;position:absolute}.table td:first-child{padding-left:0!important;font-weight:700;text-align:center;color:#fff!important;background:#625d5d}.table td:nth-of-type(1):before{content:"";width:0}.table td:nth-of-type(2):before{content:"Resolution"}.table td:nth-of-type(3):before{content:"Density"}.table td:nth-of-type(4):before{content:"Screen Size"}.table td:nth-of-type(5):before{content:"PPI"}.table td:nth-of-type(6):before{content:"DPI"}.table td:nth-of-type(7):before{content:"CSS Pixel Ratio"}.table td:nth-of-type(8):before{content:"CSS Width"}.table td:nth-of-type(9):before{content:"Aspect Ratio"}.table td:nth-of-type(10):before{content:"Graphics Array"}.table td:nth-of-type(11):before{content:"First OS"}.table td:nth-of-type(12):before{content:"Last OS"}.table td:nth-of-type(13):before{content:"Release"}}@media only screen and (min-width:320px) and (max-width :480px){body{width:100%;margin:0;padding:0;position:relative}.table{border:1px solid #000!important}pre{width:calc(90% - 50px)}blockquote{width:calc(90% - 20px);margin:10px}cite{word-break:break-all}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){body{width:100%}}@media only screen and (min-width:1024px){.columnSelectorWrapper{display:block}}@media print{#page-wrap{width:calc(90%);margin:25px auto;padding:20px}.table{width:80%!important;margin:45px auto 25px auto!important;border:0}.table th,.table tr{margin:20px 0 0 0;border:1px solid #000}} \ No newline at end of file diff --git a/index.html b/index.html index 18a5a30..fa7d8d7 100644 --- a/index.html +++ b/index.html @@ -62,6 +62,7 @@

Legenda

  • ATUAL
  • DESCONTINUADO (com suporte)
  • DESCONTINUADO (sem suporte)
    • +
  • VINTAGE
  • OBSOLETO
    • diff --git a/resources/data/meus_devices.xml b/resources/data/meus_devices.xml index 5178a6a..df0970f 100644 --- a/resources/data/meus_devices.xml +++ b/resources/data/meus_devices.xml @@ -357,56 +357,90 @@ existente XXXX + + smartphone + Apple iPhone + 320 x 480 + hdpi + 3.5-inches + 165ppi + ~163dpi + 1 + 320 + 3:2 + - + 1.0 + 3.1.3 + obsoleto + 2007/06/29 + + + smartphone + Apple iPhone 3G + 320 x 480 + hdpi + 3.5-inches + 165ppi + ~163dpi + 1 + 320 + 3:2 + - + 2.0 + 4.2.1 + obsoleto + 2008/07/11 + smartphone Apple iPhone 3GS 320 x 480 - mdpi + hdpi 3.5-inches - 163ppi - ~160dpi - 2 - X - 2:3 - HVGA + 165ppi + ~163dpi + 1 + 320 + 3:2 + - 3.0 - 3.0 + 6.1.6 obsoleto - XXXX + 2009/06/19 smartphone Apple iPhone 4 - 640 × 960 + 640 x 960 xhdpi 3.5-inches 326ppi - ~320dpi + ~326dpi 2 - X - 1.5:1 - DVGA + 320 + 3:2 + Retina Display 4.0 - 4.0 + 7.1.2 obsoleto - XXXX + 2010/06/24 smartphone Apple iPhone 4S - 640 × 960 + 640 x 960 xhdpi 3.5-inches 326ppi - ~320dpi + ~326dpi 2 - X - 1.5:1 - DVGA + 320 + 3:2 + Retina Display 5.0 - 5.0 + 9.3.6 obsoleto - XXXX + 2011/10/14 smartphone @@ -415,15 +449,15 @@ xhdpi 4.0-inches 326ppi - ~320dpi + ~326dpi 2 - X - 17:10 - Retina HD + 320 + 16:9 + Retina Display 6.0 - 6.0 + 10.3.4 obsoleto - XXXX + 2012/09/21 smartphone @@ -432,15 +466,15 @@ xhdpi 4.0-inches 326ppi - ~320dpi + ~326dpi 2 - X - 17:10 - Retina HD + 320 + 16:9 + Retina Display 7.0 - 7.0 - sem-suporte - XXXX + 10.3.4 + obsoleto + 2013/09/20 smartphone @@ -449,15 +483,15 @@ xhdpi 4.0-inches 326ppi - ~320dpi + ~326dpi 2 - X - 17:10 - Retina HD + 320 + 16:9 + Retina Display 7.0 - 7.0 - existente - XXXX + 12.5.5 + obsoleto + 2013/09/20 smartphone @@ -466,15 +500,15 @@ xhdpi 4.7-inches 326ppi - ~320dpi + ~326dpi 2 - X + 375 16:9 Retina HD - 8.1 - 8.1 - existente - XXXX + 8.0 + 12.5.5 + obsoleto + 2014/09/19 smartphone @@ -483,15 +517,338 @@ xxhdpi 5.5-inches 401ppi - ~480dpi + ~401dpi + 3 + 414 + 16:9 + Retina HD + 8.0 + 12.5.5 + obsoleto + 2014/09/19 + + + smartphone + Apple iPhone 6S + 750 x 1334 + xhdpi + 4.7-inches + 326ppi + ~326dpi 2 - X + 375 16:9 Retina HD - 8.1 - 8.1 - existente - XXXX + 9.0 + 15.x + vintage + 2015/09/25 + + + smartphone + Apple iPhone 6S Plus + 1080 x 1920 + xxhdpi + 5.5-inches + 401ppi + ~401dpi + 3 + 414 + 16:9 + Retina HD + 9.0 + 15.x + vintage + 2015/09/25 + + + smartphone + Apple iPhone SE (1st generation) + 640 x 1136 + xhdpi + 4.0-inches + 326ppi + ~326dpi + 2 + 320 + 16:9 + Retina HD + 9.3 + 15.x + vintage + 2016/03/31 + + + smartphone + Apple iPhone 7 + 750 x 1334 + xhdpi + 4.7-inches + 326ppi + ~326dpi + 2 + 375 + 16:9 + Retina HD + 10.0 + 15.x + sem-suporte + 2016/09/16 + + + smartphone + Apple iPhone 7 Plus + 1080 x 1920 + xxhdpi + 5.5-inches + 401ppi + ~401dpi + 3 + 414 + 16:9 + Retina HD + 10.0 + 15.x + sem-suporte + 2016/09/16 + + + smartphone + Apple iPhone 8 + 750 x 1334 + xhdpi + 4.7-inches + 326ppi + ~326dpi + 2 + 375 + 16:9 + Retina HD + 11.0 + 15.x + sem-suporte + 2017/09/22 + + + smartphone + Apple iPhone 8 Plus + 1080 x 1920 + xxhdpi + 5.5-inches + 401ppi + ~401dpi + 3 + 414 + 16:9 + Retina HD + 11.0 + 15.x + sem-suporte + 2017/09/22 + + + smartphone + Apple iPhone X + 1125 x 2436 + xhdpi + 5.8-inches + 458ppi + ~458dpi + 3 + 375 + 19.5:9 + Super Retina HD + 11.1 + 15.x + sem-suporte + 2017/11/03 + + + smartphone + Apple iPhone XS + 1125 x 2436 + xhdpi + 5.8-inches + 458ppi + ~458dpi + 3 + 375 + 19.5:9 + Super Retina HD + 12.0 + 15.x + com-suporte + 2018/09/21 + + + smartphone + Apple iPhone XS Max + 1242 x 2688 + xhdpi + 6.5-inches + 458ppi + ~458dpi + 3 + 414 + 19.5:9 + Super Retina HD + 12.0 + 15.x + com-suporte + 2018/09/21 + + + smartphone + Apple iPhone XR + 828 x 1792 + xhdpi + 6.1-inches + 326ppi + ~326dpi + 2 + 414 + 19.5:9 + Liquid Retina HD + 12.0 + 15.x + com-suporte + 2018/10/26 + + + smartphone + Apple iPhone 11 + 828 x 1792 + xhdpi + 6.1-inches + 326ppi + ~326dpi + 2 + 414 + 19.5:9 + Liquid Retina HD + 13.0 + 15.x + com-suporte + 2019/09/20 + + + smartphone + Apple iPhone 11 Pro + 1125 x 2436 + xhdpi + 5.8-inches + 458ppi + ~458dpi + 3 + 375 + 19.5:9 + Super Retina XDR + 13.0 + 15.x + com-suporte + 2019/09/20 + + + smartphone + Apple iPhone 11 Pro Max + 1242 x 2688 + xhdpi + 6.5-inches + 458ppi + ~458dpi + 3 + 414 + 19.5:9 + Super Retina XDR + 13.0 + 15.x + com-suporte + 2019/09/20 + + + smartphone + Apple iPhone SE (2nd generation) + 750 x 1334 + xhdpi + 4.7-inches + 326ppi + ~326dpi + 2 + 375 + 16:9 + Retina HD + 13.4 + 15.x + com-suporte + 2020/04/24 + + + smartphone + Apple iPhone 12 mini + 1080 x 2340 + xhdpi + 5.4-inches + 476ppi + ~476dpi + 3 + 360 + 19.5:9 + Super Retina XDR + 14.1 + 15.x + com-suporte + 2020/11/13 + + + smartphone + Apple iPhone 12 + 1170 x 2532 + xhdpi + 6.1-inches + 460ppi + ~460dpi + 3 + 390 + 19.5:9 + Super Retina XDR + 14.1 + 15.x + com-suporte + 2020/10/23 + + + smartphone + Apple iPhone 12 Pro + 1170 x 2532 + xhdpi + 6.1-inches + 460ppi + ~460dpi + 3 + 390 + 19.5:9 + Super Retina XDR + 14.1 + 15.x + com-suporte + 2020/10/23 + + + smartphone + Apple iPhone 12 Pro Max + 1284 x 2778 + xhdpi + 6.7-inches + 458ppi + ~458dpi + 3 + 428 + 19.5:9 + Super Retina XDR + 14.1 + 15.x + com-suporte + 2020/11/13 tablet