CSS (Cascading Style Sheets) is a declarative language used to code style sheets which determine the visual appearance of text and images, as well as form and interface elements in documents created with markup languages like HTML and XHTML.
0
votes
2answers
103 views
Advice on typography and background image
I have a blog and i would like to ask anyone CSS savvy for advice on some changes.
http://fornuftfu.se/category/blogg/
Better Typography for the blog articles
Is the design too dull? Would a ...
3
votes
2answers
2k 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.
...
1
vote
3answers
143 views
Element naming conventions / inspiration [closed]
I work in front end markup so I'm constantly templating site. Does anyone know of good resources to learn some good conventions or inspiration for element names? I like names that relate to print ...
3
votes
1answer
704 views
Gradient Banding in Chrome
I've been trying use linear-gradient CSS to avoid using an image for a gradient but unfortunately it renders poorly in Chrome with visible banding.
I've created a codepen example to illustrate the ...
2
votes
2answers
138 views
Is there a way to get the equivalent of a color in different blending modes?
I have to make a button with some shadows using HTML/CSS and I've been provided with a PSD file, which has a shape of the button and some effects applied to it. One of the effects is an inner shadow.
...
0
votes
1answer
150 views
Images not displaying properly in Firefox
I am having an issue with Firefox rendering a few of the .png's that I have loaded into a Wordpress blog that I am preparing for a client. The images look fine in IE 8 & 9, and chrome, but it ...
0
votes
1answer
940 views
Color palettes - RAL to hex or RGB
I'm looking for a way to transform the RAL color palette to hex or RGB so I can use the colors in CSS (all/any of them).
Is there an XML file someone can point me to, or a database somewhere, that's ...
2
votes
4answers
154 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?
1
vote
1answer
91 views
Spacing nav menu type
When designing a horizontal menu for a website in photoshop (like the img attahced) whats the best way to space them ?
In html/css i would just use float:right; margin-left:20px; but in photoshop the ...
4
votes
4answers
157 views
Creating a generic display that looks appealing with a wide variety of images
I feel like this looks ugly. The box shadow above the image blends really well with some images - generally with images that have a lot of color or are white - but with others it looks horrible.
...
2
votes
2answers
102 views
Is there any way to lock down Photoshop to prevent designers from creating styles that cannot be rendered in CSS?
Photoshop is a much more powerful design tool than CSS, and given free reign to design at will, designers will often tweak things like font settings to a degree that cannot be recreated on the web.
...
0
votes
1answer
147 views
What is this style of button called? (image included)
I have been seeing a lot of these buttons lately. I think it's a recent trend. I would just like to know the name for it so I can explore them further. In this sprite image, the buttons on the bottom ...
1
vote
2answers
344 views
Creating Rolodex-Style Flipping Numbers Sprite in Photoshop?
So Apple recently had a countdown to their 1 billionth app download and it used a rolodex flipping type of effect. This actually turned out to be running on a sprite image which is composed of ...
4
votes
4answers
9k 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 ...
0
votes
1answer
202 views
DIfference between IE and FF. Colors [closed]
I have a problem with my CSS code. Buttons look differently in IE7 and FF
Here are my buttons:
Here is my code:
.list-common-wrapper .button-unfixed .button-unfixed-normal[disabled] ...
3
votes
7answers
1k views
PSD fonts and Html Page fonts
I am a web developer. What happens is that the Client sends a PSD (Photoshop designs) to the company. Then the designer needs to create a HTML page from the PSDs
What happen every time is that the ...
-1
votes
1answer
51 views
What is the best sources for learning wordpress syntax? [closed]
I want to start making templates for wordpress.
What source would be most appropriate for total beginner?
0
votes
1answer
249 views
Design tips for a web design by a beginning developer
I'm currently in the process of making a design for a web application.
Although I'm very interested in design, I'm actually a programmer, and I don't have a lot of experience with design. That's why ...
1
vote
1answer
604 views
Photoshop To CSS: How do you translate Fill to CSS
I have a content box in photoshop with the background color #bc0018 with a 65% opacity and 50% fill.
I am able to translate the backgroundcolor and opacity part to this, but without the 50% fill the ...
1
vote
1answer
316 views
How do I breakdown a PSD Background To Tileable layered elements
I'd like to create a scaleable multi-resolution web effect similar to iBooks and started by building on this tutorial.
The problem is with the background image:
As you can see it has two masks on ...
5
votes
2answers
981 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 ...
0
votes
2answers
175 views
GUI for web design?
I have a friend who has like 250 hyperlinked flowcharts. He wants to put them into a web app. The thing is, it needs to be simple HTML. There are some websites out there for flowchart HTML, but the ...
0
votes
2answers
384 views
Having trouble making a CSS3 background
I wanted to make a rather simple double-CSS3 gradient background, which would look like the one in use on my website now. I can't, however, conjure up the code to get both gradients working at once. ...
2
votes
2answers
260 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?
0
votes
2answers
71 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 ...
1
vote
2answers
149 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
446 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
97 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 ...
1
vote
1answer
155 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
120 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
4answers
535 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
3answers
203 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
843 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?
0
votes
0answers
153 views
A list of the most commonly used web site images [closed]
I am planning to use CSS sprites for a social-network web site. In order to produce an unique but mostly a "pre-organized" image that contains all small images used in that website, I would like to ...
3
votes
2answers
542 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;
...
3
votes
2answers
253 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
598 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 ...
5
votes
2answers
124 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
912 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 ...
0
votes
0answers
205 views
CSS generates two scroll bars when browser changes sizes [closed]
I've seen a problem with both firefox and chrome where the CSS code is rendering extra background space.
When the browser's on full size (on a 1440x900), it tends to render everything properly. When ...
10
votes
2answers
2k 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 ...
