MailingTester

https://www.sliderrevolution.com/resources/css-hamburger-menu/

variáveis q guardam mais de um valor são arrays ou objetos: Array: const guardeValores = ['valor1', 'valor2', 'valor237'] Objeto: const guardeValores = { valor1: 19, valor2: 'abacate', valor3: document.body }

o plugin https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize faz isso no vscode. Já tentou ver na galeria de plugins dos editores q usas?

A melhor forma, é seguir o manual. Veja se consegue seguir essas instruções: https://mpdf.github.io/getting-started/creating-your-first-file.html

Olá! Boa tarde! Além do botão, que é semelhante a esses que foram criados com svg(o de editar, ver modelo e apagar), vais precisar escrever a lógica que vai gerar a sua tabela em pdf. Em php, use a lib https://mpdf.github.io, q ajuda bastante. Em js use http://pdfmake.org/playground.html, que é sensacional.

Ficaria assim: Escreva um trecho de javascript que escute o evento clique do botão vinculado ao primeiro input. Quanto o clique acontecer, faça uma requisição fetch ao seu endpoint laravel que busca conteúdo relacionado ao digitado no input supramencionado. Com a resposta do fetch, alimente o segundo input ou mensagem de que nada foi encontrado ou mensagem de erro do servidor ou etc...

É. use fetch

Entendi. Mas aparentemente esse html e css não foram escritos dessa forma. Parecem ter sido transpilados de algum superset. Até os nomes dos arquivos. você não tem acesso ao código fonte original? Se for editar esse daí, talvez seja mais rápido escrever novamente.

Se puder, mande screenshot de como ficou E de como você quer que fique

Na linha 128, especifique que é um elemento li já que você usa a class menu, em <li> e em <p> dentro das lis

Olá! Não entendi a questão. O que seria "fluxo de trabalho"? você versiona no azure repos e pretente escrever uma pipeline para continuous deploy?

Comece pelo layout Distribua tudo de maneira que caiba uma folha A4 Faça tudo estátido mesmo, de início. Depois que o que layout estiver prontinho, você pode trabalhar nos trechos que serão dinâmicos.

Um dashboard tem bastante componentes. Pratique um dashboard. Esse canal tb tem uns tutoriais bem curiosos: https://www.youtube.com/@OnlineTutorialsYT

Deve ser bem possível. mas é preciso conhecer a variável que determina que está iniciando uma "nova página" q tb significa fim de uma página com base nisso, fica fácil fazer a numeração

Dê permissão octal 0777 ao folder que vai receber os arquivos

E eu q nunca nem vi esse botão

Devolva um json do resultado da query pro seu front e monte com o makepdf.js

Uma forma de resolver é voltar a usar o php4

11 Ways to Center Div or Text in Div in CSS https://blog.hubspot.com/website/center-div-css

A resposta já foi dada ali @YukiHitsuke

O que significa "executar o sku"? mostre-nos a linha onde executas o sku

porque essa função não tem retorno Acrescrente return antes de indice > 0 return indice > ...

Se quiser resolver pdf somente com frontend, use o http://pdfmake.org

tente o https://www.sympla.com.br

Olá! É uma questão q eu tb vou gostar de ver a solução. Se fosse só colorir a partir da primeira li, é fácil, mas seguindo a sequência de acordo com o dia e cor inicial, eu não sei fazer. css alterado para apenas colorir, começando a primeria li com verde /* Import Google font - Poppins */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap'); * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } body { display: flex; align-items: center; padding: 0 10px; justify-content: center; min-height: 100vh; background: #586f6b; } .wrapper { width: 450px; background: #fff; border-radius: 10px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); } .wrapper header { display: flex; align-items: center; padding: 25px 30px 10px; justify-content: space-between; } header .icons { display: flex; } header .icons span { height: 38px; width: 38px; margin: 0 1px; cursor: pointer; color: #878787; text-align: center; line-height: 38px; font-size: 1.9rem; user-select: none; border-radius: 50%; } .icons span:last-child { margin-right: -10px; } header .icons span:hover { background: #f2f2f2; } header .current-date { font-size: 1.45rem; font-weight: 500; } .calendar { padding: 20px; } .calendar ul { display: flex; flex-wrap: wrap; list-style: none; text-align: center; } .calendar .days { margin-bottom: 20px; } .calendar li { color: #333; width: calc(100% / 7); font-size: 1.07rem; } .calendar .weeks li { font-weight: 500; cursor: default; } .calendar .days li { width: calc((100% / 7) - 2px); z-index: 1; cursor: pointer; position: relative; margin: 1px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 4px; } .days li.inactive { opacity: 0.5; } .days li.active { color: #fff; } .days li::before { position: absolute; content: ''; left: 50%; top: 50%; height: 40px; width: 40px; z-index: -1; border-radius: 50%; transform: translate(-50%, -50%); } .days li.active::before { background: #586f6b; } .days li:not(.active):hover::before { background: #f2f2f2; } /* COLORS */ ul.days li:nth-child(8n + 1), ul.days li:nth-child(8n + 2) { background-color: lightgreen; } ul.days li:nth-child(8n + 3), ul.days li:nth-child(8n + 4) { background-color: lightblue; } ul.days li:nth-child(8n + 5), ul.days li:nth-child(8n + 6) { background-color: palegoldenrod; } ul.days li:nth-child(8n + 7), ul.days li:nth-child(8n + 8) { background-color: lightcoral; }