Perguntas com a marcação «css»

Como desenvolvedor web, arquiteto front-end e back-end, trabalho com muitos designers diferentes e às vezes acho frustrante trabalhar com composições de design em que não se pensou em como realizar o design em CSS e HTML básico. Por outro lado, como desenvolvedor, devo produzir código a partir de...

Eu vim aqui procurando um pouco de ajuda ou conselhos de design sobre como eu poderia melhorar o seguinte: Como o título diz, estou exibindo um banner de site com vários textos exibidos em imagens diferentes como pano de fundo. Agora, como a maioria das imagens é escura, defini a cor da fonte como...

Criei um ícone personalizado do Facebook usando o Inkscape e salvei como um svg. Ele usa a mesma fonte do título da minha página, que usa a fonte "ubuntutitling-bold-webfont", que eu referenciei como .woff em um arquivo CSS. O título funciona, mas o svg não - ele exibe o "f" em uma fonte padrão de...

Observe que se trata de design muito mais que desenvolvimento. Eu construo sites do zero com CSS e HTML completamente escritos à mão. Conheço alguns modelos de CSS pré-compilados, como o Bootstrap ou o HTML5 Boilerplate, há algum tempo. Eu olhei para eles brevemente no passado, mas nunca pulei...

Tenho algumas ilustrações feitas no Illustrator e pretendo animá-las para um site em que estou trabalhando. Ouvi falar do kit de ferramentas Create.js com flash, mas é o melhor caminho a seguir ou existe outro " melhor "maneira de fazer isso? Aqui está um exemplo do tipo de animação que eu...

Existe uma maneira de editar arquivos SVG no Illustrator, onde você pode especificar uma classe CSS para cada caminho? Eu já sei no Illustrator que, se você der um nome real ao nome da camada, o Illustrator usará esse nome como o ID do caminho, o que é bom se você não planeja reutilizar o ícone...

Vejo que essa é provavelmente uma pergunta noob, mas realmente me confunde. Estou lendo documentos do Google Material Design, juntamente com algumas de suas implementações em css. A especificação está escrita no Android dp, enquanto os códigos CSS são usados pxcomo uma unidade de comprimento. O...

Eu tenho um PSD com um design web. Toda vez que ajusto o design, preciso copiar manualmente diferentes partes da imagem, com diferentes visibilidades de camada (para transparência) em sprites CSS. Quanto isso pode ser

Vejo que muitos designers criam belos trabalhos de web design no Photoshop, mas agora com a chegada do CSS3, quando querem mudar isso para HTML e CSS, eles simplesmente começam do zero e criam algo em torno de 80% do design final usando CSS3. Por exemplo, eles usam raio de borda, opacidade,...

Eu encontrei um script que faz exatamente isso (gera CSS e HTML para as camadas e oferece uma opção de exportar esses valores em%) e corta o trabalho para o web-dev pela metade para o Photoshop. Agora, estou curioso para saber se alguém encontrou um plugin ou pode me indicar um recurso nativo como...

O módulo de decoração de texto do CSS3 inclui uma propriedade text-underline-position , que especifica se o sublinhado deve ser posicionado abaixo de todo o texto:            ou logo abaixo da linha de base, deixando-a em conflito com os descendentes de texto:            Certo, todos sabemos...

Estou tentando evitar o uso de uma imagem de plano de fundo (ou qualquer solução baseada em imagem) para criar efetivamente isso: Nota: a seta vermelha está apenas apontando para a borda em questão. A seta não deve ser incluída na sua resposta. Como posso criar essa borda de forma irregular com...

O Bootstrap é uma ótima estrutura, e eu quero saber se existe uma ferramenta que oferece a possibilidade de arrastar componentes html, redimensioná-los e movê-los, alterando cores, tudo isso enquanto gera o código html do bootstrap. Não quero usar o Dreamweaver porque você precisa adicionar...

Gostaria de saber quantos tamanhos de fonte você pode usar para um site. Alguém me disse que é melhor não usar mais de três tamanhos de fonte diferentes (por exemplo, 16 px no cabeçalho, 11 px no texto e 13 px no título). É uma boa ou má idéia usar mais de 3 tamanhos de fonte por página da web...

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

Encontrei alguns tópicos úteis neste fórum com relação aos problemas colocados (exibindo) imagens nas assinaturas de email - aqui , por exemplo - e pesquisei por toda a web, mas ainda não encontrei uma boa solução que lida suficientemente com o problema. Um cliente meu gostaria que o logotipo de...

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

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 web design / WordPress no...

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...

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...