For questions about stylesheets and how they are used with graphic design (for strictly coding questions please use StackOverflow!)

learn more… | top users | synonyms

0
votes
1answer
206 views

How can I achieve a better 3D lifting effect of a logo for a website?

This is my current approach, only the shadow moves. http://tinkerbin.com/uekpe227 This is a second approach, both the shadow and the letters move. http://tinkerbin.com/LjiGDKa7 And in the last ...
0
votes
2answers
74 views

Which UI treament of a large photo is more successful?

I am about to launch a beer app on Facebook, and while it's a minor detail, I am deciding between two ways to display the photo: Option 1: http://cl.ly/082D0I3A1u0S0W0S1x2w Padding is less ...
2
votes
2answers
326 views

Whatever happened to opensourceampersand.com

It's gone, which is a real shame, I should've made more use of it. Where's the best place to go to get free ampersands that I can then embed using @font-face in CSS?
1
vote
2answers
313 views

Recipes for HTML/CSS [duplicate]

Possible Duplicate: How to create this 3-columns fluid layout? I'm new to HTML/CSS and I'm having a hell of a time getting things to lay out like I'd expect them to! It would be really ...
3
votes
3answers
794 views

CSS - Using different fonts within a typeface?

After exploring typography more I've learnt the different between a typeface and a font :) I'd like to know how I can call the fonts 'Arial Black' or 'Arial Narrow' within CSS? The font-family ...
0
votes
1answer
103 views

What are the available css frameworks? [closed]

I have been trying to find a nice css framework so I can put it as my main design style and re-use it in my web developments without having to think about the style that much. So far I have found ...
2
votes
1answer
233 views

Dealing with a huge top-level navigation menu requirement

What are ways to deal with a large number of top-level navigation items? I am working on a site that requires 50 items at the top-level navigation. The items are all at the same level: they cannot ...
0
votes
1answer
129 views

Shadow for medium sized text

there are many examples of text-shadow effects on the web but only for very large text or particular background/foreground colours. I've tried creating an engraved effect or a 3D effect (I really ...
6
votes
3answers
1k views

Vertical rhythm/baseline grid in Web Design

I recently read some articles about the importance of good vertical rhythm/using a baseline grid for good typography in web design. I decided to try using a baseline grid, like the 960 grid pictured ...
10
votes
4answers
783 views

With the invention of CSS3, should a web designer use Photoshop?

I see that many designers create beautiful web design works in Photoshop, but now with the arrival of CSS3, when they want to change that to HTML & CSS, they simply start from scratch and create ...
2
votes
2answers
197 views

How good is the fonts.com webfont solution compared to the current @font-face standard?

I guess the title says it all. I've been successfully working with @font-face (with near-perfect cross-browser support, if you use all the hacks). However, a client really wants to use Helvetica, and ...
4
votes
4answers
2k views

Gutters - Padding and Margin for Columns with Background or Border

What are the recommended design guidelines for gutters when a column (or box, or any layout module) has its shape clearly visible because it has its own background or border? Typically one would put ...
20
votes
11answers
2k views

Do web designers need to know how to code?

As a front end web developer I work with many different designers and sometimes find it frustrating working with design comps where no thought was put into how to accomplish the design in basic CSS ...
2
votes
5answers
4k views

Fluid Images: How to set width and height?

I'm trying to build a fluid layout, for which I am styling big images with: .fluid_img { height: auto; width: auto; max-width: 100%; } This works fine, the problem is that I can no longer use ...
6
votes
3answers
3k 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
3answers
229 views

Clickable stickers sticking out of a notebook

I'm trying to make clickable buttons that look like they're stickers sticking out of a notebook. Here's how it looks like: What's the best way to do this? Should each of them be PNG images with ...
1
vote
4answers
1k views

How to create this 3-columns fluid layout?

I am trying to create a 3-columns fluid layout, as described by attached picture, but I cannot reach the desired results. Do you have some hints that can help me?
3
votes
2answers
709 views

Golden ratio, with or without padding/margin?

Lets say I have 1000 px wide 2 column layout with 100 px gutter space (margin) and 50px on the left and right.. How do I apply the golden ratio to this layout? Method One c1+c2=800px; c1/c2=1.618; ...
2
votes
4answers
6k views

Change the color of an image in a website

I have this image in my website, is a png: I want to know if there is any way with HTML5, javascript or css to change the color of the image. Or at least make the image change to white (invert ...
3
votes
4answers
328 views

What would be a cool yet simple way to style an “!” with just CSS?

I want to create a cool looking yet simple exclamation mark with just CSS. Anyone have any cool ideas?
3
votes
2answers
338 views

How did they design the Flash logo?

I am just interested to know how was the Flash logo shown bellow designed? How can something similar can be created using GIMP? sorry I can't afford Photoshop. [edit] In addition to GIMP, is it ...
3
votes
4answers
758 views

A common reset for IE, Gecko and Webkit browsers

I am developing a website that emphasizes a lot on CSS. I wish to pre-inform everyone that I am not a professional with the task. The problem I face designing the UI is that Gecko and Webkit browsers ...
2
votes
5answers
224 views

Recommendation to learn css [closed]

How would you recommend to proceed to learn css? Is there a great book, or online tutorial?
5
votes
2answers
132 views

Minor CSS issue

I am new to the designing/programming world so I am sure the issue is easy to solve. I am trying to add the moz-box-shadow effect to my header. But as soon as I add that component, the header which is ...
1
vote
3answers
1k views

Tools to get HTML/CSS easily from PSD?

I have the PSD designs for my website and now want to create the site using these designs. I am not very good with css though I know HTML, javascript well. Is there any tool, site, software that can ...
4
votes
4answers
14k views

Clean, simple CSS styles for text and table-heavy sites

I just want some basic, clean-looking CSS styles to apply to a site of mine that's a web application with lots of forms and tables. Anyone have a theme or a set of CSS or a site I can look at to ...
32
votes
16answers
147k views

Web Safe Alternative to Myriad Pro Font?

Is there any font that I can use in my font stack that is more or less similar to Myriad Pro and web safe?
11
votes
2answers
3k views

Creating CSS sprites from Photoshop

I have a PSD with a web design. Every time I tweak the design, I need to manually copy different portions of the image, with different layer visibilities (for transparency) into CSS sprites. How ...