For questions about stylesheets and how they are used with graphic design (for strictly coding questions please use StackOverflow!)
6
votes
3answers
198 views
How to give a site a mockup look?
Edit to clarify Thank you for the existing answers. I am afraid that you misunderstood my question. I don't want to create mockups (I have some, but they are not suited for my current purpose). I want ...
0
votes
2answers
74 views
Svg transparencies don't work as CSS background
I made a translucent svg. It was a 50% opacity round metal texture. When I put it above any other color it makes it look like real metal. It was made using Illustrator and had 2 of its effects: ...
0
votes
1answer
41 views
Cannot Get graphic file to appear with alpha channel [closed]
I'm importing a quicktime movie file and can not get it to play on the timeline. It has a preview that works (shows up in the source) ... but not on the time line. Any suggestions? The file worked the ...
13
votes
10answers
2k views
What real advantages do web templates such as Bootstrap or HTML5 boilerplate have for a designer?
Note, this is about design much more than development.
I build sites from scratch with completely hand written CSS and HTML.
I've known about pre-build css templates such as Bootstrap or HTML5 ...
1
vote
2answers
186 views
Fireworks slices for Dreamweaver
I am designing a website and am planning on slicing up my template in Fireworks and then exporting it to Dreamweaver. When this is done it does of course go into a table. I have a title and nav bar ...
2
votes
3answers
192 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 ...
2
votes
1answer
77 views
What's the meaning of saying CSS sprites are “for graphics that are just single blocks”?
I was reading this to understand sprites
http://css-tricks.com/css-sprites/
The author says "Sprites are for graphics that are just single blocks. " What does this mean? One thing I have read is to ...
26
votes
16answers
94k 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?
2
votes
2answers
78 views
How to make a “highlighter” effect for text background in CSS?
How would I go about highlighting an inline part of a paragraph decorated with a "highlighted" effect as if it were marked by a real highlighter on paper.
<p> The dog <em>jumped ...
17
votes
12answers
1k 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
3answers
141 views
How to design a modern/slightly futuristic-looking application
I was hoping to get some advice from some more experienced UI developers. I have been presented with a unique challenge by my customer, and I feel like I am failing.
Specifically, they want a UI that ...
0
votes
1answer
182 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 ...
-3
votes
1answer
205 views
How to create a vertically asymmetrical grid in Photoshop
I'm working on a site. The width will be fixed, but the length will vary.
What would be the best way to create a grid like the following in Photoshop?:
2
votes
5answers
2k 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 ...
4
votes
4answers
1k 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 ...
-5
votes
1answer
129 views
How to make a site attractive? [closed]
What are the basics of an attractive web design? What should I be looking for and what sources should I use to educate myself on the matter?
0
votes
3answers
56 views
What is a difference in Css frameworks vs preprocessors
I am somewhat confused as a graphic designer. What is that distinguish them.
I know what both provide to some extent. Like I read about LESS and liked it.
I guess i want to know what is a difference ...
-1
votes
1answer
56 views
Right css code to align(center) the div tag? [closed]
I googled this question and searched for an hour, every one specify their own likes, but i want to know the correct code to align the div in center position.
2
votes
5answers
208 views
Recommendation to learn css [closed]
How would you recommend to proceed to learn css?
Is there a great book, or online tutorial?
3
votes
2answers
89 views
Text wrapping fill-last-line-first
I have a peculiar design for a web page that I have to implement from an already made design, and some of the text wrappings are filled bottom-up (in my case it's for bottom-left aligned thin text ...
1
vote
1answer
64 views
Where can I find a good repository of semi-transparent tiles for web?
I have been looking frequently for a site, a service that provides a repository of semi-transparent tiling backgrounds. I've found some grain generators, but I would like some more things that I could ...
1
vote
2answers
90 views
How can you get decorative dots or dashes between links in the sitemap hierarchy, using either CSS or images?
In the footer of my clients site, I want to give the users total clarity about where things are on the website so that they can quickly navigate there.
So I will implement what looks like a nested ...
2
votes
2answers
88 views
Layout with Tables - Hierarchy
In this fiddle there's a markup and style I'm doing for a website:
http://jsfiddle.net/UvJmP/
I am trying to represent data in this way:
D2's table data is contained in D1
D3's table data is ...
1
vote
1answer
65 views
In Dreamweaver (or HMTL and CSS in general) how can you style the ® Registered logo to be smaller and floating upwards?
On the web, using ® will make the Registered logo almost as big as the rest of the text. How can you modify the size of it to match how it would appear in print?
2
votes
4answers
90 views
Positioning a DIV before the previous DIV [closed]
I'm not savvy when it comes to HTML/CSS.
I use Typepad for my blog, and that limits me a lot.
There are four divs.
<div id="container-inner">
<div id="nav"></div>
<div ...
4
votes
1answer
46 views
Are custom graphics/images a necessity for professional looking web design?
I learned css snd html, thinking that making a site that looks good and professional would be a simple matter of basic layout and some fiddling with colours/text.
However on beginning the css portion ...
0
votes
1answer
478 views
Does Firefox support .ttc fonts? [closed]
I have the following css:
@font-face {
font-family: 'font name';
src: url('../font/fontname.ttc');
}
In Chrome it is working but in the firefox the font style doesn't apply, font get too bold not ...
0
votes
3answers
104 views
Table having columns and rows exceeding the size page [closed]
I need to display data table which numbers of columns and rows could be quite changeable.
I was thinking to have an horizontal scroll, but maybe this is not a good solution.
Each cell should be also ...
2
votes
3answers
152 views
How to extract the black and white components of an image to superimpose it over colored backgrounds
Say I want to create a glowing button for a website. I would like to have the possibility to dynamically change the color of that button by changing the color of it's background.
For this I need to ...
-2
votes
3answers
127 views
What is that flash can do but css3 cant do [closed]
I am not asking to prove what is better, and since this is a forum for graphic Designers..i would like to have a list of limits and possibilities. For example, in flash if i wanted to make the whole ...
1
vote
2answers
174 views
How to recreate this background in photoshop for use in a mobile app? [duplicate]
Possible Duplicate:
How do so many app menus get that finished textured look?
I'm still a beginner, but I really like this texture and have been trying for hours to recreate it.
Question: ...
1
vote
3answers
169 views
How do so many app menus get that finished textured look?
I don't know how to describe it but how do you create that nice textured look with css?
Seen in the background:
Also seen a bit on the left hand dark navigation of:
Thanks for your help
...
1
vote
2answers
714 views
How do I use a custom font in an SVG image on my site?
I created a custom Facebook icon using Inkscape and saved it as an svg. It uses the same font as the title of my page, which uses the font "ubuntutitling-bold-webfont", which I have referenced as a ...
1
vote
2answers
230 views
How to get arced drop shadows with center glow effect in Photoshop?
I was just browsing the plugins.joshlobe.com and the thing that caught my eye was interesting use of drop shadows. I am talking about the drop shadow in the linked image with a center glow kind of ...
2
votes
4answers
3k 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 ...
0
votes
1answer
540 views
How to reduce a .ttf file?
I have a Chinese font file, the size of the file is 7.693 MB. Due to the size of the ttf file, the site loads only slowly. Is there any way to reduce the size of the .ttf font?
Thanks.
1
vote
3answers
742 views
Photoshop kern and css kern ratio?
I am trying to determine the how much line spacing to set for the amount of kern used in photoshop. I can eye-ball the spacing but does anyone know the exact ratio between the two. ex. Set text kern ...
4
votes
1answer
79 views
How do you build a webpage with a main text body and 2 columns underneath? [closed]
I have a body of text that I am trying to layout in a visually pleasing way but I can not figure it out. The goal is to have this layout (see psuedocode):
<container>
<main />
...
9
votes
3answers
259 views
Should underline clash with text descenders?
CSS3’s text-decoration module includes a text-underline-position property, which specifies whether the underline should be positioned below the whole text:
or just below baseline, letting ...
-1
votes
1answer
40 views
How to change the background? [closed]
I have a site with simple background-color (white) i would like to change the background like this
new background
How to do it?
Thanks.
2
votes
2answers
161 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 ...
3
votes
2answers
1k views
How to control word-spacing in justified text with CSS?
I have 2 blocks of text that are pretty small (just under a paragraph each) and they really look better justified but the problem is that text-align: justify; sometimes adds really large spaces and ...
3
votes
2answers
383 views
How can I slice parallelogram shapes to HTML/CSS?
I have to slice website design to HTML/CSS. Main navigation menu looks like below:
I am beginner webdeveloper and I don't know how to slice this design into compatible and cross-browser code. How ...
4
votes
2answers
416 views
Looking for suggestions for making type more readable with a drop shadow
I want to show a menu with indented items on top of a black background. I tried a lot of colors but can't find the right ones.
I'm using css property text-shadow:
text-shadow: 1px 1px #191919 , -1px ...
1
vote
2answers
178 views
How do you achieve the margin:auto effect in Fireworks/Photoshop?
In Fireworks and for an image similar to this:
what's the best way to horizontally distribute objects in their parent container so that they have equal margins? The same effect can be achieved with ...
1
vote
1answer
102 views
Creating a new stage in Adobe Edge Preview 0.10.0.134.17040
I recently started working with Adobe Edge, and need to create an additional stage for a more complex animation. How can this be done?
4
votes
1answer
431 views
Museo Font get distorted in browser
I am facing some problems with font rendering in different browsers.
I tried to add a custom font and font get distorted in browser like firefox, chrome, IE
...
2
votes
2answers
398 views
Why does Google want a vertical scrollbar on search page when it's not necessary
On Google's search page there is a visible vertical scroll bar even when it is not necessary. This can be avoided by deleting the following style from body selector
overflow-y: scroll;
When this ...
1
vote
2answers
361 views
How to create buttons with editable text that are re sizable (to accommodate longer/shorter text) on all browsers [closed]
I often find that I need to change the text on buttons.
I'd like to create some CSS based editable buttons with mouse over effects.
And the whole button should be clickable (not just the text).
I ...
1
vote
2answers
313 views
CSS LetterPress Effect
I can't seem to get the color values/names correct so that I can get a Letter Press Effect on the text
To create the appearance of text that has been stamped, choose a text colour that is darker ...
