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

-2
votes
1answer
23 views

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

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 ...
-2
votes
0answers
24 views

CSS animation of two triangles [on hold]

How would you go about doing something like this using CSS? Basically two triangles that start outside of the screen and come in almost like a camera shutter. Thanks!
0
votes
1answer
20 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
26 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 ...
7
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
72 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 ...
0
votes
2answers
42 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
74 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: ...
0
votes
0answers
25 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
28 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
10 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
12 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 ...
4
votes
2answers
113 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
119 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
1k 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
82 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
181 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
537 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
71 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
152 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
0answers
86 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 ...
0
votes
1answer
368 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
595 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
90 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
58 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
545 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
92 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
130 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
56 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
66 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
121 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
52 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 ...
6
votes
4answers
2k 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.
0
votes
0answers
132 views

Extract from Photoshop (psd) to Dreamweaver: Positions of Elements

Let's say I want to import the document created with Adobe Photoshop CS6 (.psd file) to Adobe Dreamweaver CS6. In Dreamweaver, there is a tool which let's to copy CSS styles. However, it copies just ...
1
vote
1answer
245 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
64 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 ...
2
votes
3answers
146 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 ...
0
votes
2answers
501 views

Using Opacity of a Div without affecting The color of the Paragraph inside the Div

I have created a div with background color black, and written a p inside it with white. When I am using opacity in the div, the color of the p is also getting changed into gray. Is there any way to ...
0
votes
2answers
262 views

PSD to HTML&CSS - my margins are wrong

I am having trouble with replicating exact margins from the PSD in CSS. Whenever I measure a margin with a select tool I get, for example, 32px. Then I put this in my CSS code: div { margin-top:32px; ...
0
votes
0answers
32 views

add large dimension sprite sheet in css using step

I have the flash animation and i want to add those animation in website.i have sprite sheet of those animation as png but it have very large dimension width:52000px.How i can make it better.
0
votes
1answer
670 views

How to crop a round image with transparent background?

I am currently working on a site. I want to create custom radio buttons. The background of the website is an image. So I want the radio button to seamlessly integrate with this background image. I ...
0
votes
2answers
151 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 ...
3
votes
2answers
17k 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 ...
0
votes
1answer
438 views

How does “background:cover” CSS property works? [closed]

I'm currently "fighting" with an issue with parts of a website that I need to be fully covered by a picture. Thus, I tried the background:cover CSS property. Well, to be complete, I didn't actually ...
0
votes
2answers
159 views

How can I condense a Source Sans Pro font so the characters almost touch when 30px size?

I have a web site that is using the Adobe Source Sans Pro font. On the website I would like to create a logo using this or a similar font but I would like to have it so there is almost no spacing ...
-3
votes
3answers
116 views

How to use photoshop or illustrator or CSS to draw this? [closed]

In Powerpoint, it's easy to create this effect. [Gradient fill] -> [Rectangular] If it is possible, can CSS do this? If not, I was wondering how I can do this in photoshop or illustrator with only ...
-1
votes
2answers
588 views

Recreate a 3D rotating prism effect in a web browser

I'm trying to find a way how to do this 3D Transition when box hover my self. I know when I look to it that it's made using CSS 3D & parallax effects. Is there an already made jQuery plugin or ...