0
votes
1answer
30 views

How to create a responsive sprite sheet animation in css?

i've been trying to do this for hours but so far i haven't made any progress. I have a site with a few animations in it, some will be activated on click and some on hover. something similar to the ...
2
votes
2answers
96 views

Do and don't do with styling <html> and <body> tags

When I look at some CSS style for a web page, I typically first look at styling the <html> and <body> tags and then I look at other sub-elements. The styling of <html> and ...
0
votes
0answers
12 views

How would I create a dynamic 'hit zone' that changes when resizing or moving the original image?> [migrated]

I have a large .png of a model's face. I need to draw an irregularly shaped - call it a polygon - around her lips, so that when the cursor hits that zone, I show lipstick, and similar zones around her ...
0
votes
3answers
141 views

What is the PSD to HTML best practices with HTML5?

I'm getting quite confused with all the different methods of converting from psd to html 5. I'm trying to practice converting PSDs to HTML so i get enough experience. There are a ton of complicated ...
2
votes
3answers
419 views

How do I make it so my website footer is always at the bottom of the page (but not sticky)?

I'm fairly good at getting stuff to work nicely as I come from a coding background, but I'm lacking in the design/visual department. I'm building a website for a friend and one of the things he wants ...
-1
votes
3answers
76 views

How is mozilla.org homepage design acheived? [closed]

https://www.mozilla.org/en-US/ Can anyone comment how the below is acheived? 1) the sliding image album in the homepage 2) Shadow behind thumbnails in https://www.mozilla.org/en-US/products/ If it ...
5
votes
3answers
2k views

Email signature hell--How to include a logo image and have it stay sharp?

I found a couple useful threads on this forum with respect to the issues posed by (displaying) images in email signatures-- here, for example-- and I've searched all over the web, but still have not ...
-2
votes
4answers
545 views

How to convert PSD file to Html

I am learning Photoshop, does Photoshop generates Html and Css files, I am a web designer and I am figuring out to convert the .PSD file to Html Css. Regards,
-1
votes
1answer
52 views

What can I use to capture a screenshot of an entire web page? [duplicate]

I tried to capture the whole webpage using this screenshot tool but I am unable to capture the images. This is the url of the webpage: http://dabblet.com/gist/f1450f041e18287ce211
1
vote
0answers
852 views

Coding Google material design “chip” (contact thumbnail) in CSS [closed]

I am creating a website and i will be using an element like the contact "chips" in Google Material design. What would the HTML/CSS code be for this? I have tried certain bits of code but I can't ...
1
vote
3answers
141 views

How can I set the height of my website to be the same height as the visible browser window, with no vertical scrolling?

I want to design a portfolio website, and I don't want it to scroll vertically. What are the dimensions for this kind of website, like the standard browser height? How can I create a website that's ...
3
votes
2answers
661 views

Optimizing hero/intro photos on mobile and XXL displays

I have a few questions regarding trendy super-large photo headers. I've seen them called "hero" images, but just so we're clear, I'm talking about designs like this one: A large photo is used as a ...
1
vote
1answer
245 views

What kind of table / definition list should I use for a CSS concert program listing?

I'm looking for some advice on how to render a classical concert program listing on a web site. I can define the composer & title using either <dl> or <table> tags: <table ...
0
votes
1answer
78 views

Photoshop to CSS, just got Retina [duplicate]

I just got a new Macbook Pro with Retina and I'm confused about how to attack my PSD's. If I'm designing a site which has 14px font size, should I be settings it to 28px in Photoshop to get what it ...
0
votes
3answers
77 views

What should be included in a PSD to convert it into HTML?CSS code

I'm working for the first time on "PSD to HTML" job for a client(i usually do logos and banner work). As this is my first time, i'm quite confused about "What should exactly be in the PSD file". ...
0
votes
1answer
50 views

How to access the system color scheme from CSS? [closed]

I would like for the content of a Web page to follow the color scheme of the user's system. For example, if they are using a GTK- or QT-based Web browser, the background of the Web site would match ...
0
votes
1answer
86 views

How can I style this following form to Inline form?

SEE the link: http://samuelgeorgeo.com/cc/NEWDESIGN/ I have a site based on Twitter Bootstrap. I have two main elements on the page, the bottom one is a horizontal form. I would like the bottom div ...
2
votes
1answer
146 views

Can I re-color my artwork programmatically?

I have a rather interesting issue. I have columns in my web app that look similar to these guys: I've been able to slice them up and build these guys out...but now I have an added requirement of ...
3
votes
2answers
186 views

Implement non-symmetrical background image to a site

I am trying to add the following 3D image as background to the content of a wordpress website: Click for full resolution Website I would like the header part to stay the same size on all pages, ...
0
votes
1answer
107 views

Graphic/web design approach to deal between UI design and front-end development

I have to search for a UI designer/front end developer to build my website out of a set of wireframes. I noticed this process is very fragmented due to complexity. What would be the best approach? ...
2
votes
4answers
218 views

Can I use CSS spritesheets to give a div a re-sizable background?

I'm trying to give a div a background according to a spritesheet, meaning that it'll define the parts from the sprite sheet and use those accordingly in the div. This is my sprite sheet image: Now ...
0
votes
1answer
971 views

12 or 16 column grid for a full width website? [duplicate]

So I'm looking for the right answer for my grid system: 1) Should I use 12 or 16 column grid for a full width website similar to these websites: http://xfinitytv.comcast.net http://www.vevo.com 2) ...
2
votes
2answers
213 views

How does the grid system work for a full width page?

How does the grid system work for those websites that expand to the full size of the browser (no matter how you resize) while working with a base 12 grid system (such as 960.gs)? For example, take a ...
6
votes
5answers
5k 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 ...
0
votes
3answers
252 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: ...
17
votes
10answers
12k views

Do web frameworks such as Bootstrap or HTML5 boilerplate offer anything to a designer (not developer)?

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 ...
3
votes
2answers
306 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 ...
2
votes
2answers
343 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
246 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
380 views

In Dreamweaver (or HTML and CSS in general) how can you style the ® Registered mark to be smaller and floating upwards?

On the web, using ® (&#174; or &reg;) will make the Registered mark 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?
4
votes
4answers
230 views

Positioning a DIV before the previous DIV

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 ...
-3
votes
3answers
163 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 ...
0
votes
1answer
3k 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 ...
5
votes
1answer
130 views

How do you build a webpage with a main text body and 2 columns underneath?

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 /> ...