Slack

Tecnologia
Bubbling and capturing
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.
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…
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?
Getting Started | JSchallenger
Sass and Media Queries
A breakdown of how the use of Sass features can make media queries more user-friendly
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.
Create a Palette - Coolors
View and edit this palette on Coolors.co or create your own color schemes.
Coolors - The super fast color palettes generator!
Generate or browse beautiful color combinations for your designs.
Roda de cores, um gerador de paleta de cores | Adobe Color
Atribuição via desestruturação (destructuring assignment) - JavaScript | MDN
A sintaxe de atribuição via desestruturação (destructuring assignment) é uma expressão JavaScript que possibilita extrair dados de arrays ou objetos em variáveis distintas.
DIO | Codifique o seu futuro global agora
Domine as tecnologias utilizadas pelas empresas mais inovadoras do mundo de forma gratuíta e profissional!
Mautic: A Plataforma Gratuita de Automação de Marketing - Powertic
O Mautic é uma plataforma Open Source para Automação de Marketing que vem ganhando grande espaço no mercado de Marketing Digital.
import - JavaScript | MDN
The static import statement is used to import read only live bindings which are exported by another module.
Assert | Node.js v17.6.0 Documentation
Automattic
Making the web a better place
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.
BuiltWith
Find out what websites are BuiltWith
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.
Moment.js | Home
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.
Kevin on CodePen
Teaching people how to make the web, and how to make it look good while they are at it.
A Guide to Responsive Images with Ready-to-Use Templates
by Maciej Nowakowski A Guide to Responsive Images with Ready-to-Use Templates Why generate 12 versions of the same image when just 2 media-queries do the job? The users won’t notice. But Google will. Responsive images that are in the wrong format, images that are not compressed properly, and images that
Image Size and Resolution - Icons and Images - iOS - Human Interface Guidelines - Apple Developer
Learn about designing apps for iOS.
Lab: Responsive Images | Web | Google Developers
Responsive Images: If you're just changing resolutions, use srcset. | CSS-Tricks
If you're implementing responsive images (different images in HTML for different situations) and all you are doing is switching between different versions of
Srcset and sizes — ericportis.com
anuraghazra/github-readme-stats: Dynamically generated stats for your github readmes
:zap: Dynamically generated stats for your github readmes - anuraghazra/github-readme-stats: Dynamically generated stats for your github readmes
Guia básico de Markdown