Portal Fórum iMasters Enterprise Mídia & Conferences Venture E-Commerce Brasil

Criar conta Entrar

Início do Fórum

Ajuda Sobre Contato

Redes sociais

Entrar Criar conta

Sobre o iMasters

Política de Privacidade

Fale conosco

Quero ser autor

Fórum

Contatos e Oportunidades Comerciais

faleconosco@imasters.com.br https://imasters.com.br

Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.

#layout | Fórum iMasters

Layout

Criar Publicação

Felipe Rocha

6d atrás

Medir palavras no HTML: por que o resultado varia tanto?

#javascript #medicao #layout

13 reações 4 comentários

1 min de leitura

devaneio

devaneioInteressante essa diferença, acho que muita gente não leva em conta o kerning na hora de fazer cálculos assim. Talvez o navegador aplique ajustes automáticos que não aparecem na so

buildzinho

buildzinhoCara, o que pega no meu time é o tempo de feedback.

Ver todos os 4 comentários →

Rafa Ops

6d atrás

Medir largura de palavras no navegador é mais complicado do que parece

#javascript #layout #renderização

9 reações 4 comentários

1 min de leitura

Bruno Tavares

Bruno TavaresComo assim? no meu time, a gente sempre tenta usar a medida do elemento completo, porque somar caractere por caractere gera muita inconsistência. Ainda mais com fontes diferentes o

buildzinho

buildzinhoa minha dúvida é: pq essa diferença acontece? acho que é por causa do kerning e espaçameento entre caracteres, né?

Ver todos os 4 comentários →

Lucas Mendonça

Lucas Mendonça

19 de mai.

Fazendo o layout de um tabuleiro de xadrez responsivo com CSS puro

#css #layout #responsivo

11 reações 3 comentários

2 min de leitura

Bruno Tavares

Bruno TavaresNo meu time, eu faria assim: usar grid com áreas definidas pros painéis e o tabuleiro. Aí, ajusta tudo com fr e auto, fica bem controlado. Mas cuidado com conteúdo dinâmico, pode p

pixeldev

pixeldevhum, na moral, o impacto na interface pesa bastante na experiência. Se o painel da direita fica grudado ao tabuleiro, acho que dá pra usar display: flex com gap: 0 e ajustar as lar

Ver todos os 3 comentários →

buildzinho

19 de mai.

Organizando layouts complexos em React e Next com CSS puro

#react #css #layout

3 reações 3 comentários

2 min de leitura

Felipe Rocha

Felipe RochaAcho que a chave é usar grid com áreas bem definidas e evitar margens ou gaps que criem espaços indesejados. Aqui no meu time, a gente sempre tenta deixar o CSS o mais determinísti

stackbr

stackbrNo meu caso, o problema sempre é quando o painel direito tem conteúdo variável. Aí, tive que criar uma altura mínima pra cuidar para que o layout não quebre. Vocês já passaram por

Ver todos os 3 comentários →

guto.dev

19 de mai.

Layout de tabuleiro de xadrez responsivo usando apenas CSS

#css #layout #responsivo

8 reações 3 comentários

2 min de leitura

Bruno SRE

Bruno SRENo meu time, sempre tento evitar usar container queries demais, pq às vezes complicam o layout. Nesse caso, acho que um flex com flex shrink: 0 e aspect ratio: 1 resolve bem. Mas c

stackbr

stackbrhum, mas e se a tela for muito pequena?

Ver todos os 3 comentários →

Thiago Martins

4 de mai.

Como criar um menu horizontal com React.js

#react #css #layout

10 reações 4 comentários

2 min de leitura

Diego Paiva

Diego PaivaBoa dica, mas já passei por isso e às vezes prefiro usar styled components pra manter o código mais organizado. Vocês usam alguma abordagem específica pra esses casos?

Rafa Ops

Rafa OpsConcordo, o inline ajuda na hora, mas pra código mais limpo, CSS ou styled components são melhores. No meu time, usamos bastante styled components para esses layouts.

Ver todos os 4 comentários →

J

20 de fev.

Layout de página com linhas curvas

#desenvolvimento-frontend #layout

0 reações 0 comentários

1 min de leitura

V

12 de jan.

[Resolvido] Editar layout/design no laravel

#design #php #laravel #layout

0 reações 2 comentários

1 min de leitura

Williams DuarteCache Pelo terminal limpe os caches php artisan cache:clear

ViniciusRamoaObrigado, era o cache mesmo, erro de iniciante

R

19 de ago.

Collapsible Materialize - Layout

#desenvolvimento-frontend #collapsible #layout #materialize #pagina

0 reações 0 comentários

2 min de leitura

L

27 de abr.

Alterando Layout Tray

#desenvolvimento-frontend #layout #menu

0 reações 2 comentários

1 min de leitura

BergsOlá @lukaizh Tem como modificar sim, mas você vai precisar saber mexer em HTML. Acho que você quer fazer o inverso, pegar o photoshop e exportar o CSS. Não é possível. Você p

Thalles Rangelcom certeza sim, posta o código.

29 publicações