Bom dia

@GuilhermeNascimento qual é o quinto navegador da lista?

@Costamilam é o novo Edge, da microsoft, com o "motor" (bem mais q um motor) Chromium

Não sabia que tinham mudado o logo também

ainda bem q vc me lembrou, tenho que colocar além do atributo alt="" o title="" talvez, o que acha melhor @Costamilam, colocar title="" ou colocar o nome do navegador abaixo dos icones?

Title é mais limpo, porém tem problemas no mobile

Acredito que a documentação não deve ser muito acessada em mobile, então não vejo problema

Mas tu que sabe

Não cheguei a olhar bem, mas essa lib tem tooltip?

Alguém sabe se tem como fazer que um h3 tenha o mesmo tamanho que um img irmão sendo que não é possível saber o tamanho dessa imagem (ela ocupa o máximo de espaço disponível mas não ultrapassa seu próprio tamanho)? Não tem problema alterar a estrutura do HTML ou todo o CSS

@Costamilam então, minha ideia é criar "addons" pro projeto isoladamente, assim vc só adiciona o que vai usar de fato

então de inicio é o básico, sem modal, sem tooltip ou coisas assim, é algo modular

@GuilhermeNascimento tava pensando nisso

Fazer o core e os "plugins" separado

perfeito, essa é a essencia mesmo

Aí mantém o principal pequeno

@Costamilam por falar nisso o "core" tem duas versões: github.com/victory-css/victory.css#basic-vs-standard

justamente uma são coisas "comuns" e o "basic" é sem as coisas comuns, só o sistema de "adaptativo" por media-query para row>col e display,visibility e text-align

@GuilhermeNascimento uma ideia que achei muito legal no MDL mas não encontrei mais em outras libs simples, é poder passar as cores na query string e e todo o design já vem organizado naquelas cores

O que acha q lhe seria util de "addon" de começo, na lista já tem o modal (com api js), notificações (com api também) e tooltip?

@Costamilam não conheço muito MDL, como funciona?

Não sou muito criativo pra isso, nem tenho bom gosto, então, só selecionar as cores principais e vir pronto é muito útil

Material Design Lite

getmdl.io

getmdl.io/customize/index.html

@Costamilam ah, é um "tema", com o .css já "compilado" e pronto pra usar ... eu poderia fazer isso com um body class="" e nem ficaria grande

@GuilhermeNascimento que tipo de notificações? Tipo as nativas ou apenas uns toast?

Isso

@Costamilam isso, toast mesmo (referencia ao Mortal Kombat?! rsrsrs)

Sim, pro time desenvolve não é tão complicado, mas pro dev que usa é uma mão na roda

Na verdade esse é o único nome que conheço: materializecss.com/toasts.html

eu estava pensando e colocar checkboxes para gerar o .css "compilado" (minificado) com addons

mas isso vai ficar pra depois

Acho que o Andorid nativo (com Java pelo menos) chamava assim o componente

Checkboxes?

Tipo, pra selecionar as cores?

@Costamilam numa pagina web vc selecionara todos addons que deseja, e ai online ele gera o .css minificado pra download

@Costamilam é parecido com essa ideia

Se não me engano o Bootstrap pra AngularJS era assim

Tu selecionava os módulos que ia usar e ele gerava um arquivo zipado

por falar em angular estou vivendo o momento do Vue-cli (que é um Angular, mas menos tosco :D) ... e mais pratico que o "vue cru"

@Costamilam pois é, o bom (bom nada, é odioso no conceito kkkk) e velho "webpack"

Nunca usei o Vue

Dei uma olhada na documentação apenas

Achei bem legal os "helpers" de evento

Tipo pra fazer o preventDefault no submit do formulário

Mas o que achei mais top foi o Quasar

Fiquei tipo, nossa

Tem tudo

Meu deus levei um tempão pra fazer isso no Angular Material Design e ficou horrível

No Quasar tem pronto

@Costamilam entao o ionic esta (estava, o ionic3 digamos) esta para o angular como o vue-cli esta para o quazar

quero dizer, é o q me parece

o vue-cli ja gera paginas, rotas, componentes, tem servidor web embutido, só executar npm run serve

O cue-cli não é só uma ferramenta do vue (que seria o core)

@Costamilam ao contraio, o vue seria o "core", o vue-cli gera aplicações já "funcionais" com estrutura de pasta propria

o vue-cli se assemelha a ideia do laralve/installer + laravel/laravel + laravel/framewoek

Então o ionic esta para o angular como o vue-cli + quasar esta para o vue

@Costamilam isso :D

bem proximo disso, o angular me acostumei (nao o angularjs, o angular mesmo, da google) ... o criador do vue queria um "angular" mais leve, ele trabalhou na google se eu não me engano, ai ele criou o proprio projeto (acho q ele saiu da google)

mas é assim, para website normais acho vue-cli um "tanque de guerra" pra matar formigas, fora que angular, vue e cia tem um baita problema com indexação nos moteres de busca

então internamente em sistemas fechados eu até vou de angular ou vue (melhor o segundo), mas web é o bom e velho "estatico" que é dinamico no back-end, ai eu deixo ele "dinamico" usando o Pjax.js (preciso melhorar essa lib em questões de troca de "tela")

Mas o melhor mesmo é PHP + jQuery

Aquela tela que importa todo o jQuery só pra usar o Ajax para paginação

Agora estou trabalhando com React, no início eu gostei, mas agora que entrei em uma parte mais complexa, achei ele muito cru

Não tem nada, é tudo componentes, o que é bom em certas partes mas em outras deixa a desejar

@GuilhermeNascimento essa lib está em SCSS ou algo assim?

@Costamilam isso, em SCSS, mas só pra desenvolvedores e quem fizer fork, pra distribuir é .css mesmo

Seria interessante para modularizar

Tá no NPM?

@Costamilam tá sim

@Costamilam sim, vai ser com npm em parte, mas quero fazer uma solução 100% online que faz download

não quero obrigar ninguem a instalar nada

Sim, claro, mas, se está no NPM, a pessoa pode instalar e importar no SCSS os módulos que quer usar nas partes que quer usar

Ou nem precisa instalar, só importar do unpkg

Acho que funciona

Mas precisa publicar o código SCSS também, não só o CSS

@GuilhermeNascimento o JS tem suporte para Shadow DOM?

@Costamilam pelo npm tem

@Costamilam no momento ou ao menos para esse projeto não pretendo usar .attachShadow(), talvez se eu vier a criar um ambiente como angular ou vue