Visitantes

Quem sou eu

Minha foto
Botafogo, Rio de Janeiro, RJ, Brazil
CRA-RJ: 03-03161 Tecnóloga em Processamento de Dados | Analista de Sistemas Senior, Web Developer, Back-end, Técnica de Administração, Designer Gráfico
Powered By Blogger

sábado, 10 de abril de 2021

CSS Media Screen

CSS @Media Screen / polegadas x centímetros x pixel

Nos últimos meses, eu andei testando o CSS com o @media screen, e ao olhar o site em celulares, monitores e notebooks de tamanhos diferentes de polegadas, sempre aparecia algo precisando ser reajustado na visão esquerda ou direita do video, então pensei, e achei melhor ver o tamanho em polegada, comparando com o tamanho em centímetros, e comparando com o tamanho em pixel.  

iPhone320 x 480  | device-pixel-ratio = 2
iPhone 4640 x 960 | device-pixel-ratio = 2
iPhone 5, 5s640 x 1136 | device-pixel-ratio = 2
Samsung Galaxy S I and II480 x 800
Samsung Galaxy S III720 x 1280
iPhone 6750 x 1334 | device-pixel-ratio = 2
iPhone 6 plus1242 x 2208 | device-pixel-ratio = 3
iPad 1 and 2768 x 1024
iPad 31536 x 2048
Amazon Kindle Fire1024 x 600

Ao que parece, para funcionar direito o @media screen, será preciso:

1) criar uma página CSS só para visão pelo celular de 5", 6" e 6,5" polegadas

celular de 5 inch = 480px

celular de 6 inch = 576px

celular de 6,5 inch 16,5 = 624px 

/* mobile = Extra small devices (phones, 576px and down) */

/* styles for mobile browsers smaller than 480px; (iPhone) */

@media screen and (min-device-width:480px) and (max-device-width:624px) and (orientation:portrait) 

{ body { font-size: x-small; max-width: 100%; min-height: 10%; }}


2) criar uma página só para visão pelo tablet de 7" e 8" e 10" polegadas

tablet de 7 inch = 672px

tablet de 8 inch = 768px

tablet de 10 inch = 960px

/* #Tablets = IPAD devices / landscape 768px and up) */

/* different techniques for iPad screening / For portrait layouts only */

@media screen and (min-device-width: 672px) and (max-device-width: 960px) and (orientation:portrait) 

{ body { font-size: small; max-width: 100%; min-height: 10%; }} 


3) criar uma página só para visão pelo notebook de 10", 12" 14" e 15" polegadas

notebook de 12 inch = 1152px

notebook de 14 inch = 1344px

notebook de 15 inch = 1440px

/* #Laptop = Laptops devices /styles for browsers larger than 960px; */

@media screen and (min-width: 1152px) and (max-width: 1440px) and (orientation:landscape) 

{ body { font-size: normal; width: 100%; height: 100%; }}  


4) criar uma página só para visão pelos monitores de 15", 16", 17", 18", 19", 20", 21", 22" e 23" polegadas

monitor de 15 inch = 1440px

monitor de 16 inch = 1536px

monitor de 17 inch = 1632px

monitor de 18 inch = 1728px

monitor de 19 inch = 1824px

monitor de 20 inch = 1920px

monitor de 21 inch = 2016px

monitor de 22 inch = 2112px

monitor de 23 inch = 2208px

/* styles for browsers larger than 1440px; */

@media screen and (min-width: 1440px) and (max-width: 2208px) and (orientation:landscape) 

{ body { font-size: medium; width: 100%; height: 100%; }} 


4) criar uma página só para visão pelos monitores gamer de 24", 25", 26", 27", 28", 29", 32" e 42" polegadas

monitor gamer de 24 inch = 2304px

monitor gamer de 25 inch = 2400px

monitor gamer de 26 inch = 2496px

monitor gamer de 27 inch = 2592px

monitor gamer de 28 inch = 2688px

monitor gamer de 29 inch = 2784px

monitor gamer de 32 inch = 3072px

monitor gamer de 42 inch = 4032px

/* styles for browsers larger than 2208px; */

@media screen and (min-width: 2304px) and (max-width: 4032px) and (orientation:landscape) 

{ body { font-size: large; width: 100%; height: 100%; }} 

segunda-feira, 3 de fevereiro de 2020

ASP


Livros de #ASP para download grátis

https://www.academia.edu/41600972/Essential_Angular_for_ASP.NET_Core_MVC_3_A_Practical_Guide_to_Successfully_Using_Both_in_Your_Projects_-_Second_Edition?auto=download

VBA


Para ler o manual do VBA, o site da Microsoft algumas vezes exige que a pessoa faça o login, tem que ser com o teu email do hotmail.com ou do outlook.com

Referência de linguagem do VBA (Visual Basic for Applications) = https://docs.microsoft.com/pt-br/office/vba/api/overview/language-reference


Referência do VBA do Excel = https://docs.microsoft.com/pt-br/office/vba/api/overview/excel






Python

Python 3.8.0 Download = https://www.python.org/downloads/

Comunidade Python Brazil = https://python.org.br/

Google Groups - Python Brasil = https://groups.google.com/forum/#!forum/python-brasil

IDEs para Python = https://wiki.python.org.br/IdesPython

Python Para Web = https://wiki.python.org.br/PythonParaWeb

Python para quem está começando = https://python.org.br/introducao/

Aprenda a programar Python = https://wiki.python.org.br/AprendaProgramar

Eventos Python Brasil = https://python.org.br/eventos/

Python Apostila Online = https://aprendendo-computacao-com-python.readthedocs.io/en/latest/index.html

Python Para Desenvolvedores (2a. edição) = https://ark4n.files.wordpress.com/2010/01/python_para_desenvolvedores_2ed.pdf

Tutorial Python = https://wiki.python.org.br/Tutorial_Python



Angular


Livro Angular 6 Pro (PDF)

https://www.academia.edu/41697019/Pro_Angular?email_work_card=view-paper

LGPD x GDPR (Lei de Privacidade de Dados)

Relação de livros a comprar:
Você começou a montar a sua biblioteca de livros sobre privacidade e proteção de dados? Como amante da leitura e nascido no século passado, ainda tenho preferência por livros físicos. Nos últimos meses tenho adquirido obras que me ajudam a melhorar a compreensão da lei, mesmo não sendo jurista. Gosto de ler visões diferentes sobre o mesmo tema. São eles: 1. "Proteção de Dados Pessoais - Comentários a Lei nº 13.709" da Patricia Peck Pinheiro, PhD 2. "Comentários ao GDPR" por Viviane Nóbrega Maldonado, Renato Opice Blum e vários autores. 3. "LGPD - Comentada" por Viviane Nóbrega Maldonado e Renato Opice Blum e vários autores. Obs: Este é o livro que meus alunos ganham na inscrição do meu curso on-line de LGPD. 4. "LGPD - Comentada" por MÁRCIO COTS e Renato Oliveira. 5. "LGPD - Manual de Implementação" por Viviane Maldonado e vários autores. Cada vez mais precisamos de obras que nos ajudem na compreensão da lei e como ela mudará as nossas vidas. hashhashtag

Linguagem R

R - Instalação

R Studio - Download = https://rstudio.com/products/rstudio/download/

Como Baixar e Instalar o Sistema R = http://www.clickgeo.com.br/download-instalacao-sistema-r/

Microsoft R Open versão 3.5.1 - download = https://mran.microsoft.com/download

Installing Microsoft R Open 3.5.1 [Archived Documentation] = https://mran.microsoft.com/releases/3.5.1

R - Apostilas

Introdução ao uso do programa R  = https://cran.r-project.org/doc/contrib/Landeiro-Introducao.pdf

Introdução ao R = https://www.fundaj.gov.br/images/stories/NEES/apostila_r.pdf

Aprendendo R = http://www.de.ufpb.br/~tatiene/Disciplinas/2014.2/LivroR/aprendendo_r.pdf

Tutorial R / RStudio  = https://edisciplinas.usp.br/pluginfile.php/4883125/mod_resource/content/1/Tutorial.pdf

R para Cientistas Sociais = http://www.uesc.br/editora/livrosdigitais_20140513/r_cientistas.pdf

Minicurso de Estatística Básica: Minicurso de Estatística Básica:  Introdução ao software R  = http://www.uft.edu.br/engambiental/prof/catalunha/arquivos/r/r_bruno.pdf

Software Livre R: aplicação estatística  = http://www2.ufersa.edu.br/portal/view/uploads/setores/137/Apostilas%20e%20Tutoriais%20-%20R%20Project/Apostila%20R%20-%20GenMelhor.pdf

E-book: Introdução ao Ambiente Estatístico R =http://www.clickgeo.com.br/introducao-sistema-estatstico-r/   

The Undergraduate Guide to # R  = http://www.biostat.jhsph.edu/~ajaffe/docs/undergradguidetoR.pdf

R Studio Data Visualization with ggplot2 Cheat Sheet  = https://rstudio.com/wp-content/uploads/2015/03/ggplot2-cheatsheet.pdf

Colors in R  = http://www.stat.columbia.edu/~tzheng/files/Rcolor.pdf

Treinamento em Programação no Ambiente R  = https://gent-esalq.github.io/cursoR/cursoR_pdf.pdf

R Programming for Data Science =   https://www.cs.upc.edu/~robert/teaching/estadistica/rprogramming.pdf

Conhecendo Comandos Básicos do Sistema Estatístico R = http://www.clickgeo.com.br/comandos-basicos-do-sistema-estatistico-r/