CommonJS - Wikipedia
Frontend
webpack module bundler
webpack is a module bundler. It packs CommonJs/AMD modules i. e. for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand.
Online UUID Generator Tool
Quickly and easily generate individual or bulk sets of universally unique identifiers (UUIDs).
What does ==$0 (double equals dollar zero) mean in Chrome Developer Tools?
In Google Chrome's developer tools, when I select an element, I see ==$0 next to the selected element. What does that mean?
Template Engines
Lazy Loading Images – The Complete Guide
Lazy loading images that are not in the viewport improves initial page load performance and user experience. This is an in-depth guide to everything about lazy loading of images including native lazy loading methods.
CryptoZombies - Aprenda a programar jogos em Ethereum. Powered by Loom Network.
CryptoZombies é uma escola de programação interativa que ensina você a escrever smart contracts em Solidity através da construção do seu próprio jogo cripto-colecionável.
Frontend Mentor | Challenges
Browse through the front-end coding challenges on Frontend Mentor. Find interesting projects to practice your HTML, CSS and JavaScript
Best Font for Online Reading: No Single Answer
Among high-legibility fonts, a study found 35% difference in reading speeds between the best and the worst. People read 11% slower for every 20 years they age.
jsDelivr - A free, fast, and reliable CDN for Open Source
Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving more than 80 billion requests per month. Built for production use.
Sequelize v6 | Sequelize
npm version
EJS -- Embedded JavaScript templates
'E' is for 'effective'. EJS is a simple templating language that lets you generate HTML markup with plain JavaScript. No religiousness about how to organize things. No reinvention of iteration and control-flow. It's just plain JavaScript.
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅🏾
css-modules/css-modules: Documentation about css-modules
Documentation about css-modules. Contribute to css-modules/css-modules development by creating an account on GitHub.
JSS
A lib for generating CSS from JavaScript
Flexbox Froggy
A game for learning CSS flexbox
Códigos de status de respostas HTTP - HTTP | MDN
Os códigos de status das respostas HTTP indicam se uma requisição HTTP foi corretamente concluída. As respostas são agrupadas em cinco classes:
Responsive images with srcset, sizes & heights
Use o atributo srcset para controlar os recursos de um elemento com base em várias expressões de mídia. Use esse atributo principalmente para todas as tags amp-img a fim de especificar quais ...
Simple Vanilla Js Scroll Animation
AOS - Animate on scroll library
AOS - Animate On Scroll library using CSS3
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.
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.
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.
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
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