Preguntas sobre las hojas de estilo en cascada, comúnmente conocidas como CSS. Pregunte cualquier cosa relacionada con la implementación de estilos, efectos o tareas específicas de diseño gráfico. Para preguntas sobre la implementación de elementos estructurales o cualquier cosa completamente ajena al aspecto estético, vaya a Desbordamiento de pila.
Como desarrollador web, arquitecto front-end y back-end, trabajo con muchos diseñadores diferentes y, a veces, me resulta frustrante trabajar con composiciones de diseño en las que no se pensó cómo realizar el diseño en CSS y HTML básicos. Por otro lado, como desarrollador, se espera que pueda...
He venido aquí buscando un poco de ayuda de diseño o consejos sobre cómo podría mejorar lo siguiente: Como dice el título, tengo un banner de sitio web con texto múltiple que se muestra en diferentes imágenes como fondos. Ahora, dado que la mayoría de las imágenes son oscuras, he configurado el...
Creé un ícono personalizado de Facebook usando Inkscape y lo guardé como un svg. Utiliza la misma fuente que el título de mi página, que usa la fuente "ubuntutitling-bold-webfont", a la que he hecho referencia como .woff en un archivo CSS. El título funciona, pero el svg no: muestra la "f" en algún...
Tengo un par de ilustraciones hechas en Illustrator y estoy planeando animarlo para un sitio web en el que estoy trabajando, he oído hablar del kit de herramientas Create.js con flash, pero ¿es la mejor manera de hacerlo o hay otra? " mejor "forma de hacerlo? Aquí hay un ejemplo del tipo de...
Tenga en cuenta que esto se trata de diseño mucho más que desarrollo. Construyo sitios desde cero con CSS y HTML completamente escritos a mano. Hace tiempo que conozco las plantillas CSS precompiladas, como Bootstrap o HTML5 Boilerplate . Los he mirado brevemente en el pasado, pero nunca salté a...
¿Hay alguna manera de editar archivos SVG en Illustrator donde pueda especificar una clase CSS para cada ruta? Ya sé en Illustrator que si le das al nombre de la capa un nombre real, Illustrator usará ese nombre como ID de la ruta, lo cual está bien si no planeas reutilizar el icono más de una vez...
Veo que esta es probablemente una pregunta novata, pero realmente me confunde. Estoy leyendo documentos de Google Material Design, junto con algunas de sus implementaciones en css. La especificación está escrita en Android dp, mientras que los códigos CSS se utilizan pxcomo una unidad de...
Tengo un PSD con un diseño web. Cada vez que modifico el diseño, necesito copiar manualmente diferentes partes de la imagen, con diferentes visibilidades de capa (para transparencia) en sprites CSS. ¿Cuánto se puede
Encontré un script que hace exactamente eso (genera CSS y HTML para las capas y ofrece una opción para exportarlos en% de valores) y corta el trabajo para el desarrollador web a la mitad para Photoshop. Ahora tengo curiosidad por saber si alguien se ha encontrado con un complemento o puede...
Veo que muchos diseñadores crean hermosos trabajos de diseño web en Photoshop, pero ahora con la llegada de CSS3, cuando quieren cambiar eso a HTML y CSS, simplemente comienzan desde cero y crean algo alrededor del 80% del diseño final usando CSS3. Por ejemplo, usan el radio del borde, la...
Estoy tratando de evitar el uso de una imagen de fondo (o cualquier solución basada en imágenes) para crear esto de manera efectiva: Nota: la flecha roja solo apunta al borde en cuestión. La flecha no debe incluirse en su respuesta. ¿Cómo puedo crear este borde de forma irregular con CSS puro...
El módulo de decoración de texto de CSS3 incluye una propiedad text-underline-position , que especifica si el subrayado debe colocarse debajo del texto completo: o justo debajo de la línea de base, dejando que choque con los descendientes de texto: De acuerdo, todos...
Bootstrap es un gran marco, y quiero saber si hay una herramienta que le brinde la posibilidad de arrastrar componentes html, redimensionarlos y moverlos, cambiar colores, todo mientras genera el código html bootstrap. No quiero usar Dreamweaver porque necesitas ir y agregar clases e ID al html,...
Me gustaría saber cuántos tamaños de fuente puede usar para un sitio web. Alguien me dijo que es mejor no usar más de 3 tamaños de fuente diferentes (por ejemplo, 16px para encabezado, 11px para texto y 13 px para encabezados más pequeños). ¿Es una buena o mala idea usar más de 3 tamaños de...
Encontré un par de hilos útiles en este foro con respecto a los problemas planteados por (mostrar) imágenes en firmas de correo electrónico , aquí , por ejemplo, y he buscado en toda la web, pero aún no he encontrado una buena solución que aborda suficientemente el problema. A un cliente mío...
Para los dispositivos móviles, la resolución es realmente grande, solo el tamaño de la pantalla es pequeño. basado en eso: Para el diseño de sitios web , ¿apuntamos a la resolución de pantalla (por ejemplo, 1920x1080)? Y para aplicaciones móviles . ¿Apuntamos al tamaño de la...
¿Es posible crear una esfera simple usando CSS? Estoy pensando en algo así como una esfera
Básicamente, hay dos formas de poner una fuente en negrita en CSS: mediante el font-familyatributo y mediante el font-weightatributo. Digamos que estoy usando la fuente Raleway, por ejemplo, y he cargado una variante Light, una Regular, una Semibold y una Bold a través de css. Podría poner un...
Tengo 2 bloques de texto que son bastante pequeños (justo debajo de un párrafo cada uno) y realmente se ven mejor justificados, pero el problema es que a text-align: justify;veces agrega espacios realmente grandes y hace que el texto sea algo feo (el efecto contrario, obviamente). ¿Es posible...
Recientemente leí algunos artículos sobre la importancia del buen ritmo vertical / el uso de una cuadrícula de referencia para una buena tipografía en el diseño web. Decidí intentar usar una cuadrícula de referencia, como la cuadrícula 960 que se muestra a continuación, como imagen de fondo para un...