Questions about cascading style sheets, commonly refered to as CSS. Ask anything related to implementing styles, effects or graphic-design-specific tasks. For questions about implementing structural elements or anything completely unrelated to the aesthetic look, please go to Stack Overflow.

learn more… | top users | synonyms

0
votes
3answers
59 views

Retina to actual pixels

Im currently designing an app and exporting images for the developers. I am struggling to know that if i create an icon that on my retina screen shows at say 40px X 100px, when i export, should i ...
6
votes
1answer
135 views

Does changing a “regular” font with font-weight in CSS make it actually bold? (i.e. another font file)

I am a web developer and I am working on a project which uses Quicksand Light/Regular/Bold as font. The web application's standard font is Quicksand regular but there is also text which is lighter and ...
13
votes
2answers
9k views

What's the best way to animate an illustration for the web?

I have a couple of illustrations done in Illustrator and I am planing to animate it for a website that I am working on, I've heard of Create.js toolkit with flash, but is it the best way to go or is ...
2
votes
1answer
35 views

Is it acceptable as a web developer to know very elementary JavaScript and rely on frameworks such as Materialize?

I've been using cusotmised Materialize CSS for most of the effects I want on my pages. I know very little JavaScript. Is it reasonable for me to continue working with frameworks such as Materialize ...
0
votes
0answers
31 views

Need opinions on the type of column

I am preparing some web CSS styles. I have this layout: For all thoose with a print design background, we can consider that we have some margins on the section (Red) and some internal colums with ...
3
votes
1answer
4k views

SVG images showing up blurry in Safari in any size smaller than 20 px

I am doing a mobile demo for the Ipad that we are demoing in Safari. I am using icons to get away from having to scale my images 3x. Problem is that any icons that I am using that are smaller than ...
1
vote
0answers
34 views

Define different styles for typography with SketchApp

How can I define styles for typography with SketchApp? For example, I have a H4 with these variants: Normal Bold Colorful I defined as: It seems very unorganized and helps the developer to ...
5
votes
1answer
654 views

CSS snap point design guidelines

I'm creating a new personal site and am considering using CSS's scroll snap module as my primary navigation. Essentially this allows the web page to "snap" to certain locations based on element's ...
-1
votes
3answers
69 views

How to pass website design to web developer? [duplicate]

Is there a way to communicate with web designer not using the PhotoShop on both sides? It is too expensive. When hand writing annotations will be always incomplete, buggy and time-expensive. May be ...
2
votes
3answers
164 views

How to properly set the css leading

I have a situation trying to figured it out how o properly use and set the css leading when we have something like this: Even if the line-height is the same, the first 2 lines look pretty far away ...
1
vote
1answer
34 views

Should Widgets Follow the Vertical Rhythm?

When designing for a vertical rhythm on the web, should form elements also follow along with the rhythm? I am currently working on developing a new set of guidelines and patterns for an enterprise ...
1
vote
0answers
21 views

In Dreamweaver, is it enough to just use “media queries” for layout, or it's better to use “fluid grid” as well? [closed]

I'm a new to web design (my experience in print design). I'm using Dreamweaver, and I would like to understand more about responsive websites. My question: is it enough to use "media queries" to make ...
7
votes
3answers
142 views

Are physical units for web design a good idea?

Coming from a design time pre-digital and musing over the 'pixel' would a physical measurement such as a cm work in web design at some point? Do all devices have a designated ppi (pixel per inch) ...
-2
votes
1answer
28 views

CSS: Is there any way to select an item to be hidden besides tag, class, or ID? [closed]

Here's my situation: I have a web-based app (Jira) that I'm using that I'd like to modify slightly by using my own code via the Stylish Chrome extension. In one column of the app, there are symbols ...
8
votes
5answers
4k views

Is programming a website for mobile first really necessary?

I've read through a number of sources which state mobile first design is almost essential, which I can't deny it does have obvious benefits such as faster load times for mobiles which generally have ...
0
votes
1answer
22 views

Tips for designing governmental internal systems

I have been asked to design a template for an internal use to register and document equipment for a government sector. The system will be used locally by employees only in the sector and will not be ...
-1
votes
1answer
28 views

How do I find out why there is a discrepancy between pixel measurement in Photoshop and code? [closed]

I created a design spec in Photoshop that called for 50 px of padding between two rows. When the developer sent me a screenshot of the requested design in code, the 50 px was way too large. What could ...
11
votes
3answers
9k views

Specify CSS class names on SVG paths using Illustrator

Is there a way to edit SVG files in Illustrator where you can specify a CSS class for each path? I already know in Illustrator that if you give the layer name an actual name, Illustrator will use ...
0
votes
1answer
136 views

How to create a pattern border around webpage, squarespace

I'm trying to create a specific border around a squarespace page so that is responsive (i don't want to add an image as it wouldn't adapt to other devices) This is what I am hoping for: I currently ...
7
votes
5answers
11k views

what is the largest glyph width in Arial?

Im designing a DIV container that will contain some rows of text. Every row can contain 0 to 35 chars. I need to specify a fixed width for the div, but I cannot predict how "wide" the string can be. ...
2
votes
1answer
90 views

Vertically centered colon for time

This article discusses the vertically centered colon in Apple's San Francisco font. My webapp uses the Montserrat font, specified in CSS as follows: @font-face { font-family: 'Montserrat-Light'...
0
votes
0answers
27 views

Using a Imbedded Japanese Font

Ohiyo. Im trying to get a imbedded Japanese font to display in ja on a website via CSS. The font is already imbedded in the css file, but it still comes out in english. Is there something I'm ...
7
votes
4answers
3k views

Responsive web design is based on screen resolution or screen size?

for mobile devices the resolution is actually big, only screen size is small. based on that: For websites design, do we target screen resolution (e.g 1080x1920)? And for mobile apps. do we target ...
-1
votes
1answer
30 views

Styling without linking in Dreamweaver

In Dreamweaver, is there a way to apply an external style sheet to a file without having to ad a link to the actual file in question? I would like to edit custom templates that don't have their style ...
1
vote
0answers
19 views

Using OpenType Stylistic Sets in Squarespace via CSS

I would like to use characters from a certain typeface's Stylistic Sets, but can't figure out how to do so with CSS. Specifically, I'm trying to apply these characters within text blocks on a ...
0
votes
0answers
13 views

PSD/Sketch to HTML? + bootstrap [need guidance] [duplicate]

I'm a graphic designer and found love on web designing. I've been designing web, making mock ups for almost 2 years now, I really love web designing. But I have to admit, I still wonder how to ...
7
votes
4answers
2k views

professional design of an extremely slim vertical menu

Ok, so I am a programmer and a complete disaster at web design. Untill now I have been able to produce "acceptable" looks with the help of frameworks like bootstrap, but I am stuck with a little side ...
0
votes
2answers
157 views

How to measure distance between text and element in Photoshop

I find measuring the distance between an element and text rather complicated. Cause I need to first know the biggest letter and measure the distance from that to the element. Then substract the ...
4
votes
7answers
2k views

How do you create a client website design mockup/image?

For all the graphic designers who do web design too: How do you produce client design mockups for review and then convert them into HTML/Wordpress etc? Are they created in Illustrator/Photoshop and ...
-1
votes
1answer
123 views

What does 'content: “\e61e”' mean in CSS?

Wonder what content:"\e61e" is in the .icon-trash:before class' CSS. I know that they use a font to make icons but I don't know what "\e61e" is? Any explanation? Thank you in advance.
4
votes
3answers
263 views

HSL instead of HSB in Photoshop CC 2015

I'm a front end developer and I'm having issues with Photoshop. I have the HSB value in the Color Picker but I can't use it, because I need ligthness instead of brightness for CSS purposes. That's a ...
5
votes
3answers
563 views

Changing icons or graphics based on user geographic location/language?

Inspired by this question on international police icon, I started to wonder If there is a reasonably simple way to replace an icon depending on browser language? ...and if anyone has come across ...
8
votes
2answers
602 views

Why does browser add bluish and brownish colors to a solid font color?

I'm wondering why my browser (Firefox) add blue tints on the right and brown tints on the left of a solid grey (#333333) font color as shown in the image below. Could somebody explain to me why ...
3
votes
2answers
75 views

Does Photoshop also pull HTML? Or just CSS?

Im new to the most recent version of Photoshop, it has a cool feature I discovered where it takes the CSS of your design and copy's/paste's the thing into an editor. Where would you arrange the HTML ...
3
votes
2answers
21k views

Is there a “generate CSS/HTML” feature or plugin in Sketch app

I have found a script that does exactly that (generates CSS and HTML for the layers and offers an option of exporting those in % values) and cuts the work for the web-dev in half for Photoshop. Now I ...
4
votes
1answer
198 views

How can I extract a layer's transformation matrix in Photoshop?

I have a smart object in Photoshop CC which has been carefully distorted using Photoshop's 'Transform → Distort' function. Photoshop presumably manages a transformation matrix for this layer, and I'm ...
0
votes
1answer
45 views

Possible to create 3d rotating foods?

I've been looking around but it's very tough to find information on how to create 3D rotating objects on the web. I am interested in creating 3D rotating pieces of food like fruits, etc. What is the ...
0
votes
2answers
154 views

How to make vector templates from CSS frameworks?

I am planning in creating a Illustrator/Sketch vector based template for the CSS framework UiKit. And I wonder how to do that. My first thought was to print to PDF and dissect it from there, but then ...
0
votes
0answers
120 views

SVG showing as blank in html

I have the following SVG file , saved as XML , looks as follows: <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build ...
-2
votes
3answers
20k views

How to convert PSD file to Html

I am learning Photoshop, does Photoshop generates HTML and CSS files, I am a web designer and I am figuring out to convert the .PSD file to Html Css.
8
votes
8answers
11k views

Is there a visual web editor based on bootstrap?

Bootstrap is a great framework, and I want know if there is a tool that gives you the possibility of dragging html components, re-sizing and moving them, changing colours, all while generating the ...
1
vote
3answers
648 views

How to create a PDF template and export as HTML/CSS?

I need a tool that allows me to design how a PDF file would look like in a web page. Something simple the image below, I would like to design using some visual tool, export to HTML/CSS and then just ...
1
vote
1answer
560 views

Why does Boostrap 3 use Helvetica Neue?

My understanding currently is: "Helvetica Neue" is Linotype font. That means it needs to be paid for and is not free to use. It is also a font that is not for web, it is for print. It will not render ...
0
votes
1answer
122 views

PSD to HTML/CSS ON PHP/MYSQL SCRIPT

I have an auction script that uses PHP/MYSQL. I'm not satisfied with the look and feel but like the the overall function. I was planning on having a graphic designer come up with PSD files to give the ...
1
vote
1answer
60 views

Images for a mobile

So I've been doing a bit of reading but I'm very confused. I'm quite new to mobile and I've mostly used css to achieve the look on my mobile app. The only image that's being used in the app is a logo ...
5
votes
4answers
18k views

Do I need to create my images at twice the pixel dimensions on a retina display?

I just got a new Macbook Pro with Retina and I'm confused about how to attack my PSD's. If I'm designing a site which has 14px font size, should I be creating it at 28px in Photoshop to see what it ...
3
votes
2answers
2k views

How to do a perfect circle with the bezier tool in Inkscape?

I need to create a perfect circle with the bezier tool and not with the circle tool. The purpose of this is to later animate my svg with css.
1
vote
2answers
94 views

Can't figure out why my opacity overlay isn't showing 100%

TL:DR Just look at the image attached (very bottom). :) More details: Read it all, because I probably need more help than I realize. :) I created this and everything is nice and simple the way I ...
-1
votes
1answer
113 views

How can I style this following form to Inline form? [closed]

SEE the link: http://samuelgeorgeo.com/cc/NEWDESIGN/ I have a site based on Twitter Bootstrap. I have two main elements on the page, the bottom one is a horizontal form. I would like the bottom div ...
0
votes
2answers
168 views

In an HTML element, is margin-bottom measured from the baseline?

I'm doing an internal style guide for a big company and want to make sure I get the spacing perfect. If I add margin-bottom to a text element, does it measure from the baseline of the text or the ...