Perguntas com a marcação «css»

Perguntas sobre folhas de estilo em cascata, geralmente conhecidas como CSS. Pergunte qualquer coisa relacionada à implementação de estilos, efeitos ou tarefas específicas de design gráfico. Para perguntas sobre a implementação de elementos estruturais ou algo completamente não relacionado à aparência estética, acesse Stack Overflow.

Web design responsivo é baseado na resolução ou tamanho da tela?

Para dispositivos móveis, a resolução é realmente grande, apenas o tamanho da tela é pequeno. baseado nisso: Para o design de sites , direcionamos a resolução da tela (por exemplo, 1920x1080)? E para aplicativos móveis . segmentamos o tamanho da tela?

11 website-design css html mobile responsive-design

Como posso criar esferas simples usando CSS?

É possível criar uma esfera simples usando CSS? Estou pensando em algo como uma esfera 3D.

10 css

Definir o peso da fonte versus a família de fontes em negrito no CSS, o que é mais correto?

Existem basicamente duas maneiras de tornar uma fonte em negrito no CSS: através do font-familyatributo e através do font-weightatributo. Digamos que eu esteja usando a fonte Raleway, por exemplo, e carreguei uma variante Light, Regular, Semibold e Negrito via css. Eu poderia virar um cabeçalho simples em negrito, definindo-o como …

9 css web-fonts html

É realmente necessário programar um site para celular primeiro?

Eu li várias fontes que afirmam que o primeiro design para dispositivos móveis é quase essencial, o que não posso negar que tenha benefícios óbvios, como tempos de carregamento mais rápidos para celulares que geralmente têm velocidades de download mais lentas através de 3G e 4G. Mas e se você …

9 website-design interface-design css html responsive-design

Converter imagem em máscara

Tenho uma imagem de fundo verde com algumas sombras. Gostaria de usá-lo como uma máscara para poder colocá-lo em segundo plano com qualquer cor (por exemplo, vermelho ou rosa) e obter o mesmo estilo de sombras. Tentei convertê-lo em escala de cinza e alterar a opacidade para 20%, mas isso …

9 gimp transparency css mask

Como controlar o espaçamento de palavras em texto justificado com CSS?

Eu tenho 2 blocos de texto que são muito pequenos (pouco menos de um parágrafo cada) e eles realmente parecem mais justificados, mas o problema é que text-align: justify;às vezes adiciona espaços realmente grandes e torna o texto um pouco feio (o efeito oposto, obviamente). É possível ajustar com mais …

9 website-design typography css

Ritmo vertical / grade de linha de base em Web Design

Recentemente, li alguns artigos sobre a importância de um bom ritmo vertical / usando uma grade de linha de base para uma boa tipografia em web design. Decidi tentar usar uma grade de linha de base, como a grade 960 mostrada abaixo, como imagem de fundo para um tema de …

9 website-design typography page-layout css grids

Calhas - preenchimento e margem para colunas com fundo ou borda

Quais são as diretrizes de design recomendadas para as sarjetas quando uma coluna (ou caixa ou qualquer módulo de layout) tem sua forma claramente visível porque tem seu próprio plano de fundo ou borda? Normalmente, colocaríamos algum espaço entre a borda da caixa e seu texto. Mas de onde evocar …

9 website-design css

Alterar uma fonte "regular" com o peso da fonte em CSS torna-a realmente em negrito? (ou seja, outro arquivo de fonte)

Sou desenvolvedor web e estou trabalhando em um projeto que usa Quicksand Light / Regular / Bold como fonte. A fonte padrão do aplicativo Web é Quicksand regular, mas também há texto mais claro e mais forte. Como desenvolvedor da Web, eu normalmente aplicaria um estilo CSS simples como este: …

8 website-design fonts css font-weight

Por que o navegador adiciona cores azuladas e acastanhadas a uma cor sólida da fonte?

Pergunto-me por que meu navegador (Firefox) adiciona tonalidades azuis à direita e marrons à esquerda de uma cor de fonte cinza sólida (# 333333), como mostra a imagem abaixo. Alguém poderia me explicar por que isso acontece?

8 website-design fonts css anti-aliasing subpixel-rendering

Quais são as vantagens relativas de design plano, design de material e skeuomorfismo?

Eu estive observando as diretrizes do Google para essa coisa chamada "design de material" e tenho seguido algumas delas. No entanto, também vejo muitos sites usando design plano: Twitter , Codecademy e Gitter - e isso é apenas alguns. Depois, há aqueles que usam gradientes CSS3, sombras etc. e imagens …

8 website-design css

design profissional de um menu vertical extremamente fino

Ok, então eu sou um programador e um desastre completo em web design. Até agora, consegui produzir looks "aceitáveis" com a ajuda de estruturas como o bootstrap, mas estou preso a um pequeno menu lateral. A melhor coisa que consegui sugerir é a seguinte: Como é um pequeno menu lateral …

7 website-design interface-design css

Imagens SVG aparecendo borradas no Safari em qualquer tamanho menor que 20 px

Estou fazendo uma demonstração móvel para o Ipad que estamos demonstrando no Safari. Estou usando ícones para evitar ter que dimensionar minhas imagens em 3x. O problema é que todos os ícones que estou usando menores que 20 px ficam embaçados na tela até você aumentar o zoom. Alguém mais …

7 svg css

O que devo considerar ao incorporar a compatibilidade entre navegadores em meus projetos?

Normalmente, quando eu construo um design de site, vou me concentrar em um navegador (Chrome) e construí-lo até a conclusão antes de abrir outro navegador. Depois de concluído, testarei em outros navegadores enquanto cruzo os dedos e espero que tudo esteja bem. Estou ciente dos normalizadores CSS disponíveis que ajudam …

7 css

Como fazer um círculo perfeito com a ferramenta bezier no Inkscape?

Preciso criar um círculo perfeito com a ferramenta bezier e não com a ferramenta circle. O objetivo disso é animar mais tarde meu svg com css.

7 inkscape css animation path

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.

Licensed under cc by-sa 3.0 with attribution required.