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.
Desenvolvimento
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
JWT.IO
JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties.
HTTP Cats
API for HTTP Cats
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
Bugsnag docs › Platforms › PHP › Laravel
Add Bugsnag to your application to automatically detect handled and unhandled Laravel errors.
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.
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.
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
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
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