Visitantes

Quem sou eu

Minha foto
Botafogo, Rio de Janeiro, RJ, Brazil
Tecnologia da Informação, Administração de Projetos, Suporte em informática, Consultoria TI, Marketing, Web Developer, Web Designer, Designer Gráfico, Analista Google SEO.

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/