Tecnologia

Tecnologia

658 bookmarks
Newest
Responsive design - Learn web development | MDN
Responsive design - Learn web development | MDN
Responsive design refers to a site or application design that responds to the environment in which it is viewed. It encompasses a number of CSS and HTML features and techniques and is now essentially just how we build websites by default. Consider the sites that you visit on your phone — it is probably fairly unusual to come across a site that is the desktop version scaled down, or where you need to scroll sideways to find things. This is because the web has moved to this approach of designing responsively.
Desenvolvimento
·developer.mozilla.org·
Responsive design - Learn web development | MDN
Image ALT Tag Tips for HTML
Image ALT Tag Tips for HTML
Page Content Basic Techniques Terminology Synopsis Demo of ALT Text Implementing the ALT Attribute Image Caption vs. ALT Text Improper Uses Empty ALT Text Complex Images Summary ALT Tag Description…
Desenvolvimento
·accessibility.psu.edu·
Image ALT Tag Tips for HTML
Semantic HTML5 Elements Explained
Semantic HTML5 Elements Explained
Semantic HTML elements are those that clearly describe their meaning in a human- and machine-readable way. Elements such as header, footer and article are all considered semantic because they accurately describe the purpose of the element and the type of content that is inside them. What are Semantic Elements?
Desenvolvimento
·freecodecamp.org·
Semantic HTML5 Elements Explained
Parâmetros Rest - JavaScript | MDN
Parâmetros Rest - JavaScript | MDN
A sintaxe de rest parameter (parâmetros rest)  nos permite representar um número indefinido de argumentos como um array.
JS
·developer.mozilla.org·
Parâmetros Rest - JavaScript | MDN
import - JavaScript | MDN
import - JavaScript | MDN

The static import statement is used to import read only live bindings which are exported by another module.

Desenvolvimento
·developer.mozilla.org·
import - JavaScript | MDN
Use lazysizes para imagens de carregamento lento
Use lazysizes para imagens de carregamento lento
Lazy-loading é a estratégia de carregar recursos conforme eles são necessários, ao invés do que antecipadamente. Essa abordagem libera recursos durante o carregamento inicial da página e evita carregar ativos que nunca são usados.
CSS
·web.dev·
Use lazysizes para imagens de carregamento lento
Imagens responsivas - Aprendendo desenvolvimento web | MDN
Imagens responsivas - Aprendendo desenvolvimento web | MDN
Neste artigo nós iremos aprender sobre o conceito de imagens responsivas —imagens que funcionam em dispositivos com diferentes tamanhos de tela, resoluções e outras funcionalidades— e entrar em contato com quais ferramentas o HTML oferece para ajudar a implementá-las. Imagens responsivas são apenas uma parte do web design responsivo, um futuro tópico de CSS para você aprender.
Frontend
·developer.mozilla.org·
Imagens responsivas - Aprendendo desenvolvimento web | MDN
ViaCEP - Webservice CEP e IBGE gratuito
ViaCEP - Webservice CEP e IBGE gratuito
Webservice gratuito para pesquisa de endereço via CEP, suporta Ajax e retorno no formato JSON, XML, PIPED ou QUERY String.
·viacep.com.br·
ViaCEP - Webservice CEP e IBGE gratuito
Kevin on CodePen
Kevin on CodePen
Teaching people how to make the web, and how to make it look good while they are at it.
CSS
·codepen.io·
Kevin on CodePen
Best Link in Bio Tool for Creators | Beacons
Best Link in Bio Tool for Creators | Beacons
Beacons is a free forever link in bio tool and mobile website builder. Over a million creators are finding success with Beacons. Sign up today!
·beacons.ai·
Best Link in Bio Tool for Creators | Beacons
👜 Handbag Emoji
👜 Handbag Emoji
Emoji Meaning A bag or purse, used to carry personal items, often doubling as a fashion accessory. The design of this emoji varies, with most platforms opting for leather-looking…
·emojipedia.org·
👜 Handbag Emoji