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

5
votes
2answers
199 views

Setting font-weight vs bold font-family in CSS, which is more correct?

There are basically two ways of making a font bold in CSS: via the font-familyattribute and via the font-weight attribute. Let's say i'm using the font Raleway for example and have loaded a Light, a ...
0
votes
0answers
56 views

Why can't I find Adobe Extract in my cloud Assets anymore?

In the past I've been able to open the "My Assets" page and upon viewing a PSD I could've extract CSS information from the Extract tab, like it's still being explained here: https://helpx.adobe.com/...
-1
votes
1answer
33 views

Too much spacing in text

I did't know why I had so much spacing issues on my site, but i figured out that it is because of the "text-align" style property, which is set to "justified". This spreads out words in a row that has ...
1
vote
2answers
70 views

Best way to save JPG images to scale up in web (Css) without losing quality in Photoshop?

Any ideas how to save a JPG (or any similar - small (KB) size Format) image with the size of 300px/300px in Photoshop - to scale it up to 600px/600px with using css in a webpage, without loosing "...
-2
votes
0answers
43 views

Dimensions set in px? Or always as %? [on hold]

I am a seasoned programmer but a terrible designer. I am learning Polymer, which means that I am using flex for layout and material as a general theme. I am basically new to UI (before now, I had a ...
7
votes
1answer
223 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 ...
1
vote
1answer
37 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
35 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 ...
1
vote
0answers
45 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
789 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
79 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 ...
1
vote
1answer
45 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 ...
-2
votes
1answer
29 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 ...
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
29 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 ...
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
180 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 ...
1
vote
3answers
66 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 ...
2
votes
1answer
96 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
29 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 ...
-1
votes
1answer
34 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
20 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
3answers
146 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) ...
0
votes
2answers
181 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 ...
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 ...
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
128 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
296 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
569 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 ...
3
votes
2answers
76 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 ...
4
votes
1answer
225 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
47 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
0answers
140 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 ...
1
vote
1answer
656 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 ...
8
votes
2answers
604 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 ...
0
votes
1answer
139 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
62 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 ...
1
vote
3answers
700 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
2answers
98 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 ...
0
votes
2answers
181 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 ...
0
votes
1answer
57 views

What are the best tools/processes for web design refinements / adding polish? [closed]

I'm working on a particular part of a web page right now and have a mocked-up design to work from. I've always been able to get everything blocked out in HTML and roughly looking how I like in CSS no ...
2
votes
0answers
79 views

InDesign Faux Italic Font for EPUB

I'm producing an EPUB with Adobe InDesign. Most of the fonts I'm using have Italic and Bold versions. I simply select the correct font in InDesign, and it is set up as a @font-face in the CSS when I ...
-1
votes
2answers
124 views

Critique: Can anyone tell me how I can improve my website? [closed]

I am a bit rubbish at CSS and have mainly based my website off another website, in hope it would look different, although it didn't. I just want comments and tips how to change things but still keep ...
0
votes
2answers
54 views

Improving webpage appearance

I have built out a donate page for our website. The buttons are somewhat similar to the LiveStrong donate buttons. Something about the page looks cheap and unappealing. I have some ideas, but I am ...
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 ...
0
votes
1answer
59 views

Is this possible with html & css [closed]

can this be done? If so what way would you take to accomplish it.
1
vote
1answer
289 views

How do I hyperlink .oam-Animations Muse? [closed]

I have an .oam Animation made in Adobe Edge embedded in Adobe Muse. It animates on mouseenter and mouseleave using JavaScript. How can I hyperlink it using Adobe Muse. I want to use HTML so the link ...
2
votes
2answers
71 views

Considerations for styling of overlay message topbar?

I've created an overlay top bar that slides over the top of the page for confirmation messages. I did a fiddle with it. Now I wonder if the light yellow background is appropriate thinking of the rest ...