Ana Gauna Tech Dev Blog

Practice CSS For FREE👇🏻 1. CodePen  ➩ codepen.io/trending 2. CSS-Tricks  ➩ css-tricks.com 3. FreeCodeCamp  ➩ freecodecamp.org 4. HTML Dog  ➩ htmldog.com 5. W3Schools  ➩ w3schools.com Learn CSS with these Github repositories: 1. CSS-reference http:// lnkd.in/dFSdSYQ 2. CSS-architecture http:// lnkd.in/dZPVHS3M 3. CSS-style-guide http:// lnkd.in/dMC_HS4s 4. Flex-cheatsheet http:// lnkd.in/dQytDtqX 5. Magic-of-css http:// lnkd.in/di_qBGxz 6. Flexbox30 http:// lnkd.in/dxC_brHE 7. Awesome-css-grid http:// lnkd.in/dzam7nVH 8. You-need-to-know-css http:// lnkd.in/db_frCRA 9. CSS-protips http:// lnkd.in/dvj4wVgg 10. 30-seconds-of-css http:// lnkd.in/dmq_ZDtg

  Developer Mozilla Desenvolvedor web front-end https://developer.mozilla.org/en-US/docs/Learn/Front-end_web_developer

  CSS (Front-end) CSS  é uma linguagem de programação usada para indicar como os documentos são oferecidos aos usuários em termos de layout e estilo. Um documento geralmente se refere a uma estrutura de arquivo de texto que utiliza uma linguagem de marcação, como o HTML amplamente usado e outras, como XML ou SVG. CSS é usado para converter um documento em uma forma utilizável para o público. Isso é particularmente significativo para navegadores como Chrome, Firefox e Edge desenvolvidos para entregar documentos em telas, impressoras e projetores visualmente. Recursos Seletores  – os seletores CSS são ferramentas para os usuários escolherem e manipularem diferentes elementos em uma página da web. Eles podem ser referidos como componentes estruturais para realizar a correspondência de atributos e valores de atributos. Novos seletores são capazes de direcionar pseudo classes para estilizar elementos direcionados a URL. Os seletores também incluem uma pseudoclasse marcada para...

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.   iPhone 320 x 480  |  device-pixel-ratio  = 2 iPhone 4 640 x 960 |  device-pixel-ratio  = 2 iPhone 5, 5s 640 x 1136 |  device-pixel-ratio  = 2 Samsung Galaxy S I and II 480 x 800 Samsung Galaxy S III 720 x 1280 iPhone 6 750 x 1334 |  device-pixel-ratio  = 2 iPhone 6 plus 1242 x 2208 |  device-pixel-ratio  = 3 iPad 1 and 2 768 x 1024 iPad 3 1536 x 2048 Amazon Kindle Fire 1024 x 600 Ao que parece, para funcionar direito o @media screen, será preciso: 1) criar uma página CSS só par...

CSS: 4 recursos incríveis que você já pode usar! https://blog.umbler.com/br/css-4-recursos-incriveis-que-voce-ja-pode-usar/

HTML5 Tutorial (W3schools) =  https://www.w3schools.com/html/default.asp CSS Tutorial (W3schools) =  https://www.w3schools.com/css/default.asp W3.CSS Tutorial (W3schools) =  https://www.w3schools.com/w3css/default.asp