Grafikdesign css

4

Responsive Webdesign basiert auf Bildschirmauflösung oder Bildschirmgröße?

Für mobile Geräte ist die Auflösung tatsächlich groß, nur die Bildschirmgröße ist klein. darauf bezogen: Für Webseiten - Design , zielen wir Bildschirmauflösung (zB 1920x1080)? Und für mobile Apps . zielen wir auf die Bildschirmgröße ab?

10 website-design css html mobile responsive-design

2

Wie kann ich mit CSS einfache Kugeln erstellen?

Ist es möglich, mit CSS eine einfache Kugel zu erstellen? Ich denke an so etwas wie eine 3D-Kugel.

10 css

3

Festlegen der Schriftgröße im Vergleich zur fetten Schriftfamilie in CSS, was ist korrekter?

Grundsätzlich gibt es zwei Möglichkeiten, eine Schrift in CSS fett zu machen: über das font-familyAttribut und über das font-weightAttribut. Angenommen, ich verwende zum Beispiel die Schriftart Raleway und habe eine Light-, eine Regular-, eine Semibold- und eine Bold-Variante über CSS geladen. Ich könnte eine einfache Überschrift fett machen, indem ich …

9 css web-fonts html

5

Ist es wirklich notwendig, zuerst eine Website für Handys zu programmieren?

Ich habe eine Reihe von Quellen durchgelesen, in denen es heißt, dass das erste Design von Mobilgeräten fast unabdingbar ist. Ich kann nicht leugnen, dass es offensichtliche Vorteile hat, wie z. B. schnellere Ladezeiten für Mobiltelefone, die im Allgemeinen langsamere Download-Geschwindigkeiten über 3G und 4G aufweisen. Was aber, wenn Sie …

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

5

Bild in Maske konvertieren

Ich habe ein grünes Hintergrundbild mit einigen Schatten. Ich möchte es als Maske verwenden, damit ich es mit einer beliebigen Farbe (z. B. Rot oder Rosa) auf den Hintergrund legen und den gleichen Schattenstil erhalten kann. Ich habe versucht, es in Graustufen umzuwandeln und die Deckkraft auf 20% zu ändern, …

9 gimp transparency css mask

2

Wie steuere ich den Wortabstand in begründetem Text mit CSS?

Ich habe 2 Textblöcke, die ziemlich klein sind (jeweils knapp unter einem Absatz) und die wirklich besser gerechtfertigt aussehen, aber das Problem ist, dass text-align: justify;manchmal sehr große Leerzeichen hinzugefügt werden und der Text etwas hässlich wird (der gegenteilige Effekt ist offensichtlich). Ist es möglich, den Wortabstand mit CSS feiner …

9 website-design typography css

3

Vertikales Rhythmus- / Grundlinienraster im Webdesign

Ich habe kürzlich einige Artikel über die Bedeutung eines guten vertikalen Rhythmus / die Verwendung eines Grundlinienrasters für eine gute Typografie im Webdesign gelesen. Ich habe mich entschlossen, ein Grundlinienraster wie das unten abgebildete 960-Raster als Hintergrundbild für ein Webdesign- / WordPress-Thema zu verwenden, an dem ich gerade arbeite. Ich …

9 website-design typography page-layout css grids

3

Dachrinnen - Polsterung und Rand für Säulen mit Hintergrund oder Rand

Was sind die empfohlenen Gestaltungsrichtlinien für Dachrinnen, wenn die Form einer Säule (oder eines Kastens oder eines Layoutmoduls) deutlich sichtbar ist, weil sie einen eigenen Hintergrund oder Rand hat? Normalerweise wird zwischen dem Rand des Felds und seinem Text etwas Platz eingefügt. Aber woher soll man diesen Raum heraufbeschwören? Durch …

9 website-design css

1

Ist das Ändern einer „normalen“ Schriftart mit Schriftgröße in CSS tatsächlich fett? (dh eine andere Schriftartdatei)

Ich bin ein Webentwickler und arbeite an einem Projekt, das Quicksand Light / Regular / Bold als Schriftart verwendet. Die Standardschriftart der Webanwendung ist Treibsand (normal), aber es gibt auch Text, der heller und mutiger ist. Als Webentwickler würde ich normalerweise einen einfachen CSS-Stil wie folgt anwenden: font-weight: bold; // …

8 website-design fonts css font-weight

2

Warum fügt der Browser einer festen Schriftfarbe bläuliche und bräunliche Farben hinzu?

Ich frage mich, warum mein Browser (Firefox) rechts Blautöne und links Brauntöne einer durchgehend grauen (# 333333) Schriftfarbe hinzufügt, wie im Bild unten gezeigt. Könnte mir jemand erklären, warum das passiert?

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

1

Was sind die relativen Vorteile von flachem Design, Materialdesign und Skeuomorphismus?

Ich habe mir die Richtlinien von Google für dieses Ding namens "Materialdesign" angesehen und einige davon befolgt. Ich sehe jedoch auch viele Websites mit flachem Design: Twitter , Codecademy und Gitter - und das sind nur einige davon. Dann gibt es solche, die CSS3-Verläufe, Schatten usw. und detaillierte Bilder verwenden, …

8 website-design css

4

professionelles Design eines extrem schlanken vertikalen Menüs

Ok, ich bin ein Programmierer und eine völlige Katastrophe im Bereich Webdesign. Bis jetzt war ich in der Lage, mit Hilfe von Frameworks wie Bootstrap "akzeptable" Looks zu erstellen, aber ich bin mit einem kleinen Seitenmenü festgefahren. Das Beste, was ich mir einfallen lassen konnte, ist Folgendes: Es ist ein …

7 website-design interface-design css

1

SVG-Bilder, die in Safari in einer Größe von weniger als 20 Pixel verschwommen sind

Ich mache eine mobile Demo für das iPad, das wir in Safari testen. Ich verwende Symbole, um meine Bilder nicht dreimal skalieren zu müssen. Das Problem ist, dass alle von mir verwendeten Symbole, die kleiner als 20 Pixel sind, auf dem Bildschirm verschwommen sind, bis Sie hineinzoomen. Hat jemand anderes …

7 svg css

3

Was muss ich beachten, wenn ich die Cross-Browser-Kompatibilität in meine Designs einbeziehe?

Wenn ich ein Website-Design erstelle, konzentriere ich mich normalerweise auf einen Browser (Chrome) und erstelle es vollständig, bevor ich einen anderen Browser öffne. Sobald ich fertig bin, werde ich es in anderen Browsern testen, während ich die Daumen drücke und hoffe, dass alles in Ordnung aussieht. Ich bin mir der …

7 css

2

Wie erstelle ich mit dem Bezier-Werkzeug in Inkscape einen perfekten Kreis?

Ich muss einen perfekten Kreis mit dem Bezier-Werkzeug erstellen und nicht mit dem Kreis-Werkzeug. Der Zweck ist, mein SVG später mit CSS zu animieren.

7 inkscape css animation path

Als «css» getaggte Fragen