Sass and Media Queries
A breakdown of how the use of Sass features can make media queries more user-friendly
Tecnologia
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
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!
👜 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…
10 Best Mobile-friendly One Page Scroll Plugins (2022 Update) | jQuery Script
10 best touch-enabled one page scroll jQuery & Vanilla JavaScript plugins that work perfectly on both desktop and mobile.
How To Create a Responsive Horizontal Page Scrolling | Javascript
Enroll My Course : Next Level CSS Animation and Hover Effectshttps://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=...
Simple horizontal scrolling menu with CSS
If you’re looking for an alternative approach to responsive navigation, which doesn’t involve the ‘hamburger’ this may be for you.
W3Schools online HTML editor
The W3Schools online code editor allows you to edit code and view the result in your browser