3D step counter card 🚶
Frontend
Grid Garden - A game for learning CSS grid
How well can you tend to your carrot garden using CSS grid? In this game, you must water your carrot crops and poison the weeds by mastering CSS grid, a powerful new module that makes 2-dimensional grid layouts a piece of cake. With it you can define columns, rows, and grid template areas.
Learning Objectives Introduce the fundamentals of using CSS grid to create layouts on a webpage.
Prerequisites For beginners of CSS grid. Familiarity with the basics of CSS is a plus but not required.
ECMAScript 6 compatibility table
JavaScript | MDN
JavaScript® (às vezes abreviado para JS) é uma linguagem leve, interpretada e baseada em objetos com funções de primeira classe, mais conhecida como a linguagem de script para páginas Web, mas usada também em vários outros ambientes sem browser, tais como node.js, Apache CouchDB e Adobe Acrobat. O JavaScript é uma linguagem baseada em protótipos, multi-paradigma e dinâmica, suportando estilos de orientação a objetos, imperativos e declarativos (como por exemplo a programação funcional). Saiba mais sobre o JavaScript.
Guia JavaScript - JavaScript | MDN
O Guia JavaScript mostra como usar JavaScript e dá uma visão geral da linguagem. Se você quer começar com JavaScript ou programação em geral, consulte os artigos na área de aprendizagem. Se você precisar de informações mais aprofundadas sobre algum recurso da linguagem, consulte a referência JavaScript.
Tecnologia Web para desenvolvedores | MDN
A Web aberta apresenta oportunidades incríveis para os desenvolvedores. Para tirar o máximo proveito dessas tecnologias, você precisa saber como usá-las. Abaixo, você encontrará links para nossa documentação de tecnologias Web.
WebSocket - APIs da Web | MDN
O objeto WebSocket provê uma API para criação e gerenciamento de uma conexão WebSocket com um servidor, bem como o envio e recebimento de dados através dessa conexão.
Home - Ecma International
Free Bootstrap Admin Template | AdminLTE.IO
Best open source admin dashboard & control panel theme. Built on top of Bootstrap 4, AdminLTE provides a range of responsive, reusable, and commonly used components.
BEM — Block Element Modifier
BEM — Block Element Modifier is a methodology, that helps you to achieve reusable components and code sharing in the front-end.
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.
Documentation for the Tailwind CSS framework.
🔥 Clone do Whatsapp + Firebase em ReactJS para iniciantes
Acesse agora: https://b7web.com.br/fullstack
First steps with noUiSlider: Integration into HTML forms and more examples
noUISlider is a responsive slider, perfectly usable to integrate into HTML forms. This article covers the installation, integration into HTML forms and how to watch out and solve gotchas.
Conheça o Framework CSS que deixa seu site no estilo MS-DOS
Dá até pra criar um Turbo Vision online! 😃
Storybook: UI component explorer for frontend developers
Storybook is an open source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation.